Wie GIF und PNG-Bilder für Ihre Social Media Website zu optimieren

Wenn Sie mit einer Grafik arbeiten, die in 256 Farben oder weniger auf Ihrer Social-Media-Website angezeigt werden können - wie zB ein Logo, Cartoon-Figur, oder Zeichnung - die beste Wahl ist das PNG-Format zu verwenden, und die Gesamtzahl der Farben reduzieren in dem Bild verwendet, so viel wie möglich, um die Dateigröße zu reduzieren.

Um für die Verschlechterung der Bildqualität machen, was passieren kann, wenn die Farben entfernt werden, GIF und PNG verwenden, um ein Dithering-Trick. Dithering Pixel in einem schachbrettartigen Muster zu erzeugen subtile Farbvariation, auch mit einer begrenzten Farbpalette beinhaltet abwechselt. Der Effekt kann die Kanten des Bildes glatt streichen und mehr Farben erscheinen zu lassen, als es tatsächlich tut.

ein Bild zu einer GIF oder PNG in Photoshop, gehen Sie folgendermaßen vor, um zu konvertieren. In Photoshop Elements, Feuerwerk, oder GIMP der Prozess ist ähnlich, obwohl die spezifischen Schritte variieren.

  1. Mit dem Bild in Photoshop geöffnet, wählen Sie Datei-Speichern für Web Geräte.

    Für Web speichern Geräte Dialogfeld erscheint.

  2. In der linken oberen Ecke des Dialogfenster wählen Sie die 2-fach oder 4-fach-Register mehrere Versionen des gleichen Bildes für einen einfachen Vergleich anzuzeigen.

    4-Up ermöglicht es, das Originalbild (in der linken oberen Ecke) sowie drei verschiedene Vorschauen des gleichen Bildes anzuzeigen.

  3. Klicken Sie auf einen der vier Vorschaubilder auszuwählen, um die Größe zu sehen, und seine Einstellungen anzupassen.

    Die Größe, Format und andere Einstellungen des ausgewählten Bildes in der oberen rechten Ecke des Dialogfeld angezeigt. Verringerung der Anzahl der Farben und andere Optionen können dramatisch das Bild beeinflussen.

    Zum Beispiel zeigt die vierte Ausführung, um das Bild mit nur zwei Farben zeigt. In den anderen drei Quadrate enthält das Bild, um mehr Farben - und obwohl sie besser aussehen, wird die Dateigröße größer sein.

    Ändern der Vorschaubilder in der 4-fach-Ansicht können Sie das Originalbild zu vergleichen mit bis zu drei verschiedenen Versionen mit unterschiedlichen Farben, Transparenz und andere Einstellungen, die in den Schritten abgedeckt, die folgen.

  4. Auf der rechten Seite des Dialogfelds, nur unter Preset, klicken Sie auf den kleinen Pfeil, um das optimierte Dateiformat Dropdown-Liste und wählen Sie PNG-24 zu öffnen.

    Das PNG-24-Option wird eine bessere Bildqualität. Die Qualität des Bildes sinkt schnell, wie Sie die Anzahl der Farben in der Datei zu reduzieren oder das Format zu GIF ändern. Allerdings reduzieren Sie auch die Dateigröße.

  5. Im Feld Farben, wählen Sie die Anzahl der Farben.

    image1.jpg

    Je weniger Farben, die Sie, desto kleiner ist die Dateigröße und desto schneller wird das Bild verwenden herunterladen.

    Wenn Sie die Farben zu viel reduzieren, verlieren Sie Details. Die ideale Anzahl von Farben ist abhängig von Ihrem Bild. Sie wollen so klein, ein Bild wie möglich, aber wenn Sie die Anzahl der Farben reduzieren zu weit, wird Ihr Bild schrecklich aussehen.

  6. Wenn Sie einen transparenten Bereich in Ihrem Bild zu erhalten, markieren Sie das Kontrollkästchen Transparenz.

    Jeder Bereich des Bildes, das transparent war, als Sie das Bild im Editor erstellt transparent erscheint im Vorschaufenster. Wenn Sie nicht über einen transparenten Bereich in Ihrem Bild haben, hat diese Einstellung keine Auswirkung.

    Transparenz ist eine gute Trick zur Herstellung von Text oder ein Bild zu schweben scheinen, weil ein transparenter Hintergrund auf der Webseite nicht angezeigt. Sie können Transparenz als Hintergrund-Option im Dialogfeld neu wählen, wenn Sie ein neues Bild in Photoshop oder Photoshop Elements erstellen.

  7. Geben Sie weitere Einstellungen wie gewünscht.

    Der Rest der Einstellungen in diesem Dialogfenster können die Standardwerte in Photoshop gelassen werden.

  8. Klicken Sie auf Speichern.

    Optimierte Version speichern Dialogfeld geöffnet wird.

  9. Geben Sie einen Namen für das Bild, und speichern Sie sie in einen Ordner, den Sie schnell und einfach finden können, wenn es darum geht, zu Ihrem gewählten Social-Media-Website hochladen.

Wiederholen Sie diese Schritte für jedes Bild, das Sie wollen als GIF oder PNG für Ihre Website zu optimieren.

Versuch und Irrtum ist eine großartige Technik im Save for Web Dialogfeld Geräte. In jedem der drei Vorschaufenster angezeigt werden optimierte Versionen der Zeichnung des Hauses, immer weniger Farben verwendet wurden, welche die Dateigröße mit einer zunehmend erniedrigende Wirkung reduziert.

Menü