Ich möchte Dateien in Photoshop speichern, aber so klein wie möglich halten.
Ich verwende Save for Web (and Devices) und speichere als JPEG. Hier sind die Einstellungen, die ich verwendet habe:
Ich möchte die Qualitätseinstellungen wirklich nicht verringern, weil ich Text verwende und manchmal Artefakte sehe, wenn die Einstellung zu niedrig ist.
Dabei entstehen je nach Bildgröße Dateigrößen von mehreren hundert Kilobyte. Obwohl dies kein großes Problem ist, werden diese Bilder für das Web verwendet und kleiner ist besser. Welche Techniken gibt es, um die Dateigröße zu reduzieren, ohne die Qualität zu verringern?
Aktualisieren:
Um hier weitere Informationen hinzuzufügen:
Viele der Bilder, die ich verwende und erstelle, werden per E-Mail verschickt. Dies schränkt meine Möglichkeiten zum Platzieren von Text mit HTML und CSS über dem Bild erheblich ein.
Außerdem verwende ich verschiedene Schriftarten. Einige könnte ich mit CSS für das Web verwenden, @font-face
aber Sie können auf große Dateigrößen stoßen und in einigen Fällen können Sie die Schriftart nicht legal ins Web hochladen. Ich könnte einen Dienst wie Typekit verwenden , aber viele Schriftarten, die ich verwende, sind mit Typekit nicht verfügbar.
Hier ist ein Beispielbild:
Die Wahl der besten Komprimierungsmethode hängt von Ihrem Bildinhalt ab. Wenn Sie versuchen, Bilder mit vielen Farben und sanften Übergängen zwischen ihnen zu speichern, wählen Sie eher JPEG. Andernfalls sollten Sie stattdessen PNG ausprobieren, wenn Sie Lineart, Text oder Bild mit ein paar Farben haben.
Spezifische Komprimierungsschemata, Parameter, Farbreduktion usw. hängen vom jeweiligen Fall ab. Es gibt einige Bilder, die Sie sicher speichern können, wenn der "Schieberegler" für die JPEG-Komprimierung auf 30 oder 40 eingestellt ist, ohne dass Artefakte sichtbar werden. Einige andere erfordern Einstellungen von 80 oder mehr. Ihr Auge sollte der Richter sein.
Wenn wir über JPEG-Komprimierung sprechen, zögern Sie nicht, z. B. die Option „Progressiv“ zu verwenden oder „Unschärfe“ auf einen Wert ungleich Null zu setzen (feine Unschärfe kann schwerwiegende Komprimierungsartefakte maskieren).
Im Fall von PNG sollten Sie versuchen, die Menge der verwendeten Farben so weit wie möglich zu reduzieren (verwenden Sie dafür PNG-8). Wenn etwas "Glättung" erforderlich ist, probieren Sie verschiedene Dithering-Algorithmen aus.
Hier sind ein paar Beispiele:
Von links nach rechts, von oben nach unten, ihre Parameter sind:
Vergleichen Sie sie visuell und sehen Sie sich dann ihre jeweiligen Datengrößen genau an. Das erste Paar ist etwa 9,7 kB gegenüber 16,9 kB groß. Zweitens sind 11,1 kB gegenüber 4,5 kB. All das durch (IMHO) vernachlässigbaren visuellen Unterschied.
Hier sind einige Optionen:
Um die letzten beiden Punkte zu erweitern, sollten Sie versuchen, den Umfang der Bilder in Ihren Layouts als Ganzes zu minimieren, bevor Sie Zeit damit verbringen, die Dateigröße vorhandener Bilder zu reduzieren.
Ich werde versuchen, einige bisher unbeantwortete Fragen zu beantworten:
Viele der Bilder, die ich verwende und erstelle, werden per E-Mail verschickt. Dies schränkt meine Möglichkeiten zum Platzieren von Text mit HTML und CSS über dem Bild erheblich ein.
Sie können HTML-E-Mails senden (wie Newsletter erstellt werden). Mit HTML und Inline-CSS (aus Kompatibilitätsgründen). Die Bilder müssen sich auf einem Server befinden und Sie müssen die vollständige URL in die Stylings/img-Tags einfügen. Hier ist eine Liste dessen, was in verschiedenen E-Mail-Clients funktioniert.
Außerdem verwende ich verschiedene Schriftarten. Einige könnte ich mit @font-face von CSS für das Web verwenden, aber Sie können auf große Dateigrößen stoßen und in einigen Fällen können Sie die Schriftart nicht legal ins Web hochladen.
Probieren Sie Google Webfonts aus, die mit Abstand beste Quelle für Webfonts. Alles kostenlos nutzbar. Ein anderes wäre Font Squirrel . (Es verwendet auch @font-face).
Es gibt keine Möglichkeit, dies zu tun. JPEG ist ein verlustbehaftetes Format. Es gibt immer einen Kompromiss zwischen Qualität und Dateigröße.
e100
L84
Kornel
Apfelfanboy