Bild -Optimierung ist ein wichtiger Prozess, der die Auswahl der richtigen Format, Auflösung und Qualität Einstellungen für ein Bild . Das Ziel ist es, Bilder in der besten Weise möglich , ohne zu viel Platz anzuzeigen. Dies ist besonders wichtig, wenn Web -Design geht , weil unnötig große Bilder verlangsamen wird Ihre Website . Wie Sie Ihre Bilder werden optimiert hat viel mit den Formaten , in denen sie gespeichert sind zu tun. Formate für das Web verwendet werden, sind JPEG , GIF und PNG. Diese Formate komprimieren Bilder in jeweils eigene spezifische Art und Weise und beeinflussen, wie die Bilder werden angezeigt. Was Sie brauchen
Adobe Photoshop
anzeigen Weitere Anweisungen
1
Öffnen Sie Photoshop und klicken Sie auf " Datei", dann wählen Sie " Öffnen". Klicken Sie auf das Bild, das Sie optimieren möchten . Wenn Sie mehr als ein Bild auswählen möchten , ziehen Sie die Maus über die Dateien , bis Sie alle Bilder, die Sie benötigen, ausgewählt haben, und klicken Sie auf "Öffnen".
2
Überprüfen Sie Ihre Bildgröße. Gehen Sie auf " Bearbeiten " und klicken Sie auf " Größe des Bildes . " Ein Menü öffnet sich , zeigt Ihnen der Bilds. Tick "Scale Styles ", " Proportionen " und " Bild neu berechnen . " Wenn Sie mit einem Bild, das für das Web optimiert werden muss arbeiten, um die Pixelgröße zu suchen. Banner , Buttons und Bildern auf Webseiten müssen in der Regel eine gewisse Größe haben.
3
Ändern Sie die Breite auf die richtige Größe . Die Höhe wird automatisch proportional angepasst werden. Schließen Sie dieses Feld, indem Sie auf das "X" in der Ecke.
4
Mit dem Crop-Werkzeug auf der linken Symbolleiste, um Ernte einen Teil des Bildes und überprüfen Sie Ihre Bildgröße wieder . Wiederholen Sie dies, bis Sie die richtige Größe erreicht haben . Ändern Sie die Breite in Pixel ein letztes Mal und klicken Sie auf " OK ", um diese Änderungen zu speichern.
5
stellen Sie den Bildkontrast . Klicken Sie auf "Bild" und wählen Sie "Einstellungen ". Wählen Sie " Helligkeit /Kontrast ". Ein Kasten wird Pop-up und zeigt die Änderungen an Ihrem Bild, wie Sie die Helligkeit und den Kontrast Schieberegler einstellen . Ziehen Sie die Schieberegler , bis Sie den gewünschten Effekt haben und klicken Sie auf "OK".
6
Gehen Sie auf " Datei", und klicken Sie auf "Speichern für Web und Geräte speichern ". Ein Menü erscheint und gibt Ihnen die Möglichkeit, das Bild in verschiedenen Formaten zu speichern. Stellen Sie sicher, dass Ihr Bild unter der " Optimized "-Reiter ( oben rechts auf dem Bildschirm) , die die Auswirkungen des Dateiformats Sie angezeigt werden angezeigt.
7
Verwenden Sie die "Preset " drop -Menü, um die verschiedenen Formate zu ändern. JPEG High, Low und Medium; ; Ihre Optionen GIF 128 , 64 oder 32, " Dithering " oder "nein Zitter " sein und " PNG-8 128 geditherten " oder " . PNG-24 "
8 < p> Wählen Sie das JPEG-Format , wenn Sie Fotos oder andere Bilder mit einer breiten Farbpalette und allmähliche Veränderungen in Farbe hochladen müssen . Entscheiden Sie zwischen Hoch, Mittel und Niedrig, je nachdem, wie viel Sie wollen , um das Bild zu komprimieren. Hohe geben Ihnen die meisten Farbe Detail und das größte Bild . Schauen Sie sich das Bild, um zu bestimmen, wie sich die Veränderungen des Bildes Anzeige beeinflussen . Die Dateigröße wird direkt unter dem Bild angezeigt.
9
Klicken Sie auf das " 4- Up" Tab ( oben links ), wenn Sie wollen , um die Auswirkungen der verschiedenen Dateiformate zu vergleichen. Vier Kopien des Bildes wird angezeigt, mit Informationen für jedes Format unter .
10
Wählen Sie das GIF -Format von der Drop-down- Menü, wenn Sie Preset mit einem Logo , Line Art oder einer anderen arbeiten einfarbige Bild . GIF unterstützt Hintergrund Transparenz , so dass Sie Ihr Logo über einen farbigen Hintergrund ins Netz zu stellen . 128 , 64 und 32 auf die Anzahl der Farben, die Sie komprimieren das Bild beziehen . Wenn Ihr Bild enthält nur zwei Uni-Farben , die Sie nicht brauchen einen größeren Farbbereich als 32 . Wählen Sie eine GIF -Format mit einer " Dither ", wenn Sie ein Bild mit Farbverläufen speichern möchten, und " Kein Dither " , wenn Ihr Bild hat Uni-Farben . Tick "Transparenz ", wenn Sie das Bild mit einem transparenten Hintergrund angezeigt werden soll.
11
Wählen Sie das PNG -Format aus dem Dropdown- Menü, wenn Sie Preset einfarbige Bilder oder Fotos, in denen Sie haben wollen bewahren scharfe Details . " PNG-8 128 geditherten " unterstützt 256 Web Farben , während " PNG-24 " bietet für Millionen von Farbtönen . PNG-Bilder sind bemerkenswert größer als JPG und GIF. Tick "Transparenz ", wenn Sie das Bild mit einem transparenten Hintergrund anzeigen möchten .
