Wie zu optimieren JPEG Bilder für das Web
Blickfang Bilder auf Ihrer Website ist eine der besten Möglichkeiten, imagebewusste iPhone und iPad-Fans zu gewinnen. Das JPEG-Format ist die beste Wahl Halbtonbildern zur Optimierung, wie Fotos und Bilder mit vielen Farben oder Steigungen.
Menu
- Mit dem bild in photoshop geöffnet, wählen sie datei-speichern für web devices (oder datei-speichern für web).
- In der linken oberen ecke des dialogfenster wählen sie entweder 2-fach oder 4-up für einfache side-by-side-vergleich mehrere versionen des gleichen bildes angezeigt werden soll.
- Auf der rechten seite des fensters, nur unter preset, klicken sie auf den kleinen pfeil, um das optimierte dateiformat dropdown-liste und wählen sie jpeg zu öffnen.
- Stellen sie die komprimierungsqualität.
- Geben sie weitere einstellungen wie gewünscht (die komprimierungsqualität und das dateiformat die wichtigsten einstellungen sind).
- Klicken sie auf speichern.
- Geben sie einen namen für das bild, und speichern sie sie in die bilder-ordner in ihrem website-ordner.
Wenn Sie eine JPEG optimieren, können Sie die Dateigröße kleiner zu machen durch Kompression anwenden. Je höher die Komprimierung, desto kleiner ist das Bild, aber wenn Sie das Bild zu viel zu komprimieren, kann das Bild schrecklich aussehen. Der Trick besteht darin, die richtige Balance.
Wenn Sie ein digitales Foto oder ein anderes Bild, das Sie für das Web vorbereiten möchten, gehen Sie folgendermaßen vor zu optimieren und in Photoshop speichern (in Photoshop Elements oder Fireworks, ist das Verfahren ähnlich, obwohl die spezifischen Schritte können variieren):
Mit dem Bild in Photoshop geöffnet, wählen Sie Datei-Speichern für Web Devices (oder Datei-Speichern für Web).
Für Web speichern Geräte Dialogfeld erscheint.
In der linken oberen Ecke des Dialogfenster wählen Sie entweder 2-fach oder 4-Up für einfache Side-by-Side-Vergleich mehrere Versionen des gleichen Bildes angezeigt werden soll.
Die 2-Up-Einstellung macht es möglich, das Originalbild auf der Oberseite und eine Vorschau auf das gleiche Bild zu sehen, wie es mit den angegebenen Einstellungen auf der Unterseite erscheint (wenn Sie mit einem vertikalen Bild arbeiten, erscheinen die Vorschaubilder neben Seite). Das 4-Up-Option, wie der Name schon sagt, zeigt vier verschiedene Versionen zum Vergleich.
Bilder von Künstler Amy Baur und Brian Boldon aus inplainsight Kunst.
Auf der rechten Seite des Fensters, nur unter Preset, klicken Sie auf den kleinen Pfeil, um das optimierte Dateiformat Dropdown-Liste und wählen Sie JPEG zu öffnen.
Das JPEG-Format ist die beste Wahl Halbtonbildern zur Optimierung, wie Fotos und Bilder mit vielen Farben oder Steigungen.
Stellen Sie die Komprimierungsqualität.
Verwenden Sie die voreingestellten Optionen Niedrig, Mittel, Hoch, Sehr hoch oder Maximum aus der Dropdown-Liste. Oder verwenden Sie den Schieberegler direkt unter dem Feld Qualität präzisere Anpassungen vorzunehmen. die Qualität Tieferlegung reduziert die Dateigröße und macht das Bild Download schneller, aber wenn man diese Zahl senken zu viel, wird das Bild unscharf und fleckig.
Photoshop verwendet eine Kompression Skala von 0 bis 100 für JPEGs in diesem Dialogfenster mit 0 der niedrigsten Qualität (der höchste Grad der Komprimierung und die kleinste Dateigröße) und 100 die höchstmögliche Qualität (die geringste Menge an Kompression und die größte Datei Größe). Niedrig, Mittel und Hoch darstellen Kompressionswerte von 10, 30, bzw. 60.
Geben Sie weitere Einstellungen wie gewünscht (die Komprimierungsqualität und das Dateiformat die wichtigsten Einstellungen sind).
Zum Beispiel können Sie die Progressive Kontrollkästchen wählen Sie das Bild schrittweise in einem Web-Browser- anzuzeigen, ist es angezeigt werden zunächst mit einer niedrigen Auflösung, und dann bei zunehmend höheren Auflösungen als das Herunterladen fortgesetzt. (Einige Browser unterstützen keine progressive JPEGs.)
Klicken Sie auf Speichern.
Optimierte Version speichern Dialogfeld geöffnet wird.
Geben Sie einen Namen für das Bild, und speichern Sie sie in die Bilder-Ordner in Ihrem Website-Ordner.
Photoshop speichert das optimierte Bild als Kopie des Originals und verlässt die original aus dem Hauptarbeitsbereich von Photoshop.
Wiederholen Sie diese Schritte für jedes Bild, das Sie als JPEG optimieren möchten.
Am unteren Ende der Bildvorschau in der Save for Web Dialogfeld Geräte umfasst Photoshop eine Schätzung der Zeit für das Bild erforderlich bei der angegebenen Verbindungsgeschwindigkeit zum Download bereit. Wie Sie die Komprimierungseinstellungen, die Größe der Bildänderungen und der Download-Schätzung werden automatisch angepasst einzustellen.
Sie können die Verbindungsgeschwindigkeit, diese Berechnung zu machen, indem Sie den kleinen Pfeil klicken nur auf der rechten Seite der Geschwindigkeitsverbindung verwendet verändern und mit Hilfe der Dropdown-Liste eine andere Option auszuwählen, wie 256 Kbps für Kabelmodemgeschwindigkeit. Verwenden Sie diese Schätzung als Leitfaden, um zu entscheiden, wie viel sollten Sie jedes Bild zu optimieren.