Verstehen Bilddateiformate verwendet in Wordpress Design-
Die Bilder - ob Fotos oder Logos - Sie Rasterdateitypen auf Ihre Wordpress-Website wegen der kleineren Dateigröße und Rich-Farbdisplay speichern und verwenden sollten. Sie müssen o verstehen, wie Komprimierung, um die Größe von Rasterbildern und entdecken Sie, welche Arten von Dateiformaten betrifft Sie in Ihren eigenen Projekten verwenden.
Verstehen Kompression
Wenn Sie Rasterbilder in Ihrem Web-Design zu verwenden, müssen sie eine bestimmte Menge an zu haben, Kompression, oder eine Abnahme in der Gesamtgröße der Datei. Bildkompression tritt auf, wenn Sie eine Rasterbilddatei als JPG, GIF oder PNG speichern. Komprimieren einer Datei verringert die Größe der Bilddatei, so dass die Bild Lasten schneller auf einer Webseite.
Je größer die Bilddateigröße, desto länger dauert es für das Bild auf Ihrer Web-Seite zu laden.
Komprimieren von Bilddateien können zwei verschiedene Algorithmen verwenden, je nach Dateiformat, das Sie für Ihre Image-Datei ausgewählt haben. Für digitale Bilddateien, geschieht Kompression in einer von zwei Möglichkeiten:
Lossless Kompression: Alle Daten aus der Bilddatei wird während und nach der Kompression gehalten, in der Regel in Nullqualitätsverlust aus der Originalbilddatei ergibt.
Lossy-Komprimierung: Dies reduziert die Größe einer Bilddatei durch bestimmte Bits von Daten aus der ursprünglichen Datei zu entfernen oder durch Teile des Bildes kombiniert, die einander ähnlich sind. Dies führt in der Regel in der Bildqualität Verlust aus der Originaldatei.
Welche Dateitypen für Ihre Projekte zu verwenden,
Obwohl die endgültige Bilddateien, die Sie in Ihrem Web-Design-Arbeit zu speichern und verwenden sollten Raster sein, können Sie mit Vektor-Bilder beginnen zu bearbeiten und zu manipulieren Grafiken auf die Bedürfnisse Ihres Web-Design-Projekten zu entsprechen.
| Image File Format | Bilddateityp | Komprimierungstyp |
|---|---|---|
| JPG | Raster | Lossy |
| GIF | Raster | Lossless |
| PNG | Raster | Lossless |
| AI | Vektor | N / A* |
| EPS | Vektor | N / A* |
| CDR | Vektor | N / A* |
Hier sind die drei Hauptvektor Bildformate, die Sie wahrscheinlich in Ihrer Arbeit mit Grafik-Design kommen über werden:
AI: Adobe Illustrator, ein proprietäres, von Adobe entwickelte Datei für die Darstellung von Vektorgrafiken
EPS: Encapsulated Postscript-Vektor-Bildformat
CDR: CorelDRAW proprietäre Grafikdatei von Corel entwickelt für die Darstellung von Vektorgrafiken
Bei der Entscheidung, was Format Rasterbilddatei in Ihrem Projekt verwenden, berücksichtigen die Eigenschaften jedes Format. Zusätzlich zu verschiedenen Arten von Komprimierungs enthalten die Dateiformate auch Mengen von Farbe variiert. Die Eigenschaften der drei häufigsten Rasterbilddateiformate sind
JPG: Dieses Format wird für Fotos und kleinere Bilder in der Web-Design-Projekten verwendet geeignet. Obwohl das JPG-Format mit verlustbehaftete Komprimierung komprimiert, können Sie die Stärke der Kompression einstellen, das auftritt, wenn Sie die Datei speichern. Sie können eine Komprimierungsstufe von 1 bis 100 wählen, und Sie in der Regel nicht viel Verlust an Bildqualität mit Kompressionsstufen 1-20 zu sehen.
PNG: Dieses Format eignet sich für größere Grafiken im Web-Design verwendet, wie zum Beispiel das Logo oder Haupt-Header-Grafik, die die Marke und das gesamte visuelle Erscheinungsbild der Website identifiziert. PNG verwendet verlustfreie Bildkomprimierung und daher leidet keinen Datenverlust bei der Kompression, eine sauberere, schärferes Bild zu schaffen.
PNG-Dateien können auch auf einer transparenten Leinwand erstellt und gespeichert werden, während JPG-Dateien nicht. JPG-Dateien müssen mindestens eine weiße Segeltuch (Hintergrund), oder eine andere Farbe, die Sie festgelegt haben.
GIF: Kompression einer GIF-Datei ist lossless, das Bild-Rendering genau so, wie Sie entworfen es ohne Qualitätsverlust. Allerdings sind GIF-Dateien auf 256 Farben beschränkt. Für höhere Farbbildern ist GIF nicht das größte Format verwenden Sie stattdessen das PNG-Format zu Nutzungs-.