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?
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.
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.
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)
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 .
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.
Hoffe das hilft
Rauben :-)
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:
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.
p2oder
DA01