Bildgröße für das Web – Bildebenen

Ich habe ein Bild, das ist: 24 x 11 Pixel. In Photoshop habe ich es für das Web optimiert als .png gespeichert

Die Größe des Bildes beträgt 1,05 KB. Ist das normal? Gibt es eine Möglichkeit, diese Größe zu reduzieren, da sie hoch erscheint?

Der Grund ist, dass ich in der Lage sein möchte, viele davon übereinander zu schichten, und ich versuche, die Größe zu reduzieren. Was wäre der beste Weg, um dieses Problem zu umgehen?

Willkommen Johannes! Bitte beginnen Sie mit der Tour, um sich mit der Website vertraut zu machen: graphicdesign.stackexchange.com/tour . Wie klein soll es sein? Außerdem: Dies ist eine sehr geringe Größe, siehe: en.wikipedia.org/wiki/File_size
1k ist ziemlich klein. Klang ungefähr richtig.

Antworten (4)

Sie könnten es als GIF-Bild posten, da es kleiner sein könnte, aber es könnte eine geringere Qualität haben. Das Bild, das Sie haben, ist bereits ziemlich klein, aber wenn Sie wirklich experimentieren möchten, um es kleiner zu machen, könnte dies funktionieren.

Hier können Sie auch eine bestimmte Dateigröße angeben

Wie gesagt, 1,05 kb ist sehr klein. Es gibt jedoch Möglichkeiten, die Größe eines Bildes in Photoshop auf Kosten der Bildqualität weiter zu reduzieren.

Im 'Für Web speichern'-Dialog haben Sie dazu verschiedene Einstellungen.

Rufen Sie Ihre " Für Web speichern "-Einstellungen auf.

Fürs Web speichern

Sie können die Größe Ihres Bildes vor dem Speichern über den Dialog „Bildgröße“ anpassen. Beachten Sie die Größe der zu speichernden Datei (im Beispielfall „PNG-24 63.26k“ hervorgehoben)

Bildgröße

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Wenn Sie nicht verlangen, dass Ihre Bilder Transparenz wie bei transparenten Hintergründen haben, führt das Speichern Ihrer Dateien als JPEG statt als PNG auch zu einer kleineren Dateigröße für die gleichen gegebenen Bildabmessungen. Außerdem können Sie die Größe des Bildes variieren, um die Größe weiter zu reduzieren, indem Sie „ Niedrig“, „Mittel“, „Hoch“, „Sehr hoch“ oder „Maximum“ auswählen .

JPEG-Dialog

Bildformat auswählen

Etwas, das bei Bildern für Websites zu berücksichtigen ist, ist die Geschwindigkeit, mit der sie beim ersten Besuch einer Webseite geladen werden.

Photoshop hilft dabei, indem es Informationen für eine bestimmte Bildgröße in Kombination mit der Geschwindigkeit eines Netzwerks bereitstellt.

Klicken Sie auf das Dropdown-Menü „ Download-Geschwindigkeit auswählen“ , um die Bildladegeschwindigkeit für eine bestimmte Netzwerkgeschwindigkeit anzuzeigen.

Download-Geschwindigkeit

Geben Sie hier die Bildbeschreibung ein

Schnellmenü herunterladen

Dropdown-Menü Nahaufnahme

Hoffe das hilft

Rauben :-)

Ich mache das, und dann lasse ich meine Dateien auch durch [kraken.io] ( kraken.io/web-interface ) laufen. Es reduziert die Dateigröße noch weiter und büßt normalerweise nicht viel Qualität ein. Aber man muss das Vorher-Nachher-Ergebnis im Auge behalten.
Das ist nicht unbedingt richtig. JPG gibt Ihnen im Allgemeinen keine kleinere Dateigröße als PNG. Es hängt alles von den tatsächlichen Bild- und Komprimierungseinstellungen ab. Das Reduzieren der Pixelabmessungen hilft natürlich, ist aber für die Frage nicht relevant (da sie bereits eine definierte Pixelabmessungsgröße haben).
Für die gleichen gegebenen Abmessungen (z. B. 10 x 8 Zoll) eines gegebenen Bildes ist JPEG in Bezug auf die Dateigröße kleiner. PNG ist ein verlustfreies, komprimiertes Dateiformat, während JPEG ein verlustbehaftetes Format ist, daher wird das verlustbehaftete Format bei gleichen Abmessungen tendenziell immer kleiner. PNG-Dateien sind farbgenauer als JPEG und bieten im Gegensatz zu JPEG auch Transparenz. Hoffe das klärt auf :-)

Die meisten dieser Antworten besagen, dass Sie die Größe reduzieren können, wenn Sie sie in einem anderen Dateiformat speichern.

Das ist falsch. Unterschiedliche Dateiformate können Ihr Bild natürlich kleiner machen, aber alles hängt vom Bild selbst sowie von den speziellen Komprimierungs- und Optimierungseinstellungen ab, die Sie für jedes Bild verwenden.

Also, ja, versuchen Sie auf jeden Fall, Ihr Bild als JPG oder GIF zu speichern und sehen Sie, ob es hilft, aber es ist keine Garantie, dass es kleiner wird.

Beachten Sie, dass Ihr aktuelles Bild mit 1k bereits sehr klein ist. Es gibt auch Grenzen, wie klein ein Bild werden kann, die etwas außerhalb Ihrer Kontrolle liegen:

  • minimale Festplattensektorgröße. Das Bild, dessen Größe auf Ihrer Festplatte angegeben wird, kann tatsächlich größer sein als das Bild selbst. Dies liegt daran, dass die minimale Sektorgröße umso größer ist, je größer die Festplatte ist. Bei wirklich kleinen Dateien werden Sie feststellen, dass das Verschieben auf eine kleinere Festplatte tatsächlich eine kleinere Dateigröße meldet. Dies ist natürlich nicht relevant für die Internetbandbreite
  • Datei Metadaten. Fast alle Dateien haben Metadaten. Dabei handelt es sich um Daten, die nicht direkt mit dem Aussehen des Bildes zusammenhängen, sondern um Zusatzdaten, die der Browser oder das Dateisystem verwenden kann oder nicht (z. B. ein Dateisymbol). Sie können diese Metadaten mithilfe von Software ändern oder entfernen.

Was Ihr Anliegen betrifft, das ist nicht ganz klar. Sind das alles separate Bilder oder nur ein Bild? Wenn es nur ein Bild ist, dann ist es in Bezug auf die Bandbreite strittig, da nur eine Kopie des Bildes für eine Gesamtbandbreitennutzung von 1k vom Server heruntergeladen werden muss.

Wenn dies alles unterschiedliche Bilder sind, ist es wahrscheinlich besser, Sprites zu verwenden . Hier nehmen Sie alle Ihre individuellen kleinen Bilder und platzieren sie in einem großen Bild. Sie verwenden dann CSS, um jedes einzelne Bild auf der Browserseite aus dem Sprite herauszuschneiden.

Während dies die Gesamtgröße der Dateien möglicherweise nicht reduziert, wird die Anzahl der Serveranforderungen drastisch reduziert, was die Download-Geschwindigkeiten erheblich verringern kann.

Wenn Sie es nicht transparent benötigen, speichern Sie es als JPG. Sie sind viel kleiner. Stellen Sie außerdem sicher, dass Ihre Auflösung auf 72 eingestellt ist, viele Designer haben eine Auflösung von 300 für das Web und es ist unnötig.

Aber die Komprimierung in jpeg ist nicht verlustfrei.
Ja, es ist ein Kompromiss. Aber es reduziert die Dateigröße. Dieser Artikel erklärt es ziemlich gut whatis.techtarget.com/definition/lossless-and-lossy-compression
Das ist nicht wahr. Es kann viel kleiner sein. Es darf nicht sein. Alles hängt von den Bild- und Komprimierungseinstellungen jedes Formats ab. Außerdem ist Ihre Einstellung für die Auflösung in Photoshop online bedeutungslos.