Wenn Sie eine Website erstellen und Bilder zu dieser Website hinzufügen, müssen Sie vor allem festlegen, welche Dateiformate die richtigen sind. Abhängig von der Grafik ist ein Format möglicherweise besser als andere.
Viele Webdesigner sind mit dem JPG-Dateiformat vertraut, und dieses Format ist ideal für Bilder mit einer tiefen Farbtiefe wie Fotos. Obwohl dieses Format auch für einfache Grafiken wie illustrierte Symbole geeignet ist, ist es in diesem Fall nicht das beste Format. Für diese Symbole wäre SVG die bessere Wahl. Schauen wir uns genau an, warum:
SVG ist Vektortechnologie
Das heißt, es ist keine Rastertechnologie. Vektorbilder sind eine Kombination von Linien, die mit Mathematik erstellt wurden. Rasterdateien verwenden Pixel oder kleine Farbquadrate. Dies ist ein Grund dafür, dass SVG skalierbar und perfekt für responsive Websites geeignet ist, die mit der Bildschirmgröße eines Geräts skaliert werden müssen. Da Vektorgrafiken in der Welt der Mathematik existieren, ändern Sie zum Ändern der Größe einfach die Zahlen. Rasterdateien erfordern häufig eine erhebliche Überarbeitung, wenn es um die Größenbestimmung geht. Wenn Sie ein Vektorbild vergrößern möchten, gibt es keine Verzerrung, da das System mathematisch ist und der Browser die Mathematik nur neu berechnet und die Linien so glatt wie immer darstellt. Wenn Sie ein Rasterbild vergrößern, geht die Bildqualität verloren, und die Datei wird unscharf, sobald Sie diese Farbpixel sehen. Mathe erweitert und zieht sich zusammen, Pixel nicht. Wenn Sie möchten, dass Ihre Bilder unabhängig von der Auflösung sind, gibt Ihnen SVG diese Fähigkeit.
SVG ist textbasiert
Wenn Sie einen Grafikeditor verwenden, um ein Bild zu erstellen, nimmt das Programm ein Bild Ihres fertigen Bildmaterials auf. SVG arbeitet anders. Sie können immer noch einige Softwareprogramme verwenden und haben das Gefühl, ein Bild zu zeichnen, aber das Endprodukt ist eine Sammlung von Vektorzeilen oder sogar Wörtern (die eigentlich nur Vektoren auf der Seite sind). Suchmaschinen betrachten Wörter, insbesondere Schlüsselwörter. Wenn Sie ein JPG hochladen, beschränken Sie sich auf den Titel Ihrer Grafik und möglicherweise auf den alten Textsatz. Mit der SVG-Codierung erweitern Sie die Möglichkeiten und erstellen Bilder, die suchmaschinenfreundlicher sind.
SVG ist XML und funktioniert auch in anderen Sprachformaten
Dies geht auf den textbasierten Code zurück. Sie können Ihr Basisbild in SVG erstellen und CSS verwenden, um es zu polieren. Ja, Sie können ein Bild haben, bei dem es sich tatsächlich um eine SVG-Datei handelt. Sie können die SVG-Datei jedoch auch direkt in die Seite einbinden und später bearbeiten. Sie können es mit CSS auf dieselbe Weise ändern, wie Sie den Seitentext usw. ändern würden. Dies ist sehr leistungsfähig und erleichtert die Bearbeitung.
SVG wird leicht bearbeitet
Dies ist wahrscheinlich der größte Vorteil. Wenn Sie ein Bild von einem Quadrat aufnehmen, ist es das, was es ist. Um eine Änderung vorzunehmen, müssen Sie die Szene zurücksetzen und ein neues Bild aufnehmen. Bevor Sie es wissen, haben Sie 40 Bilder von Quadraten und haben es immer noch nicht ganz richtig. Wenn Sie mit SVG einen Fehler machen, ändern Sie die Koordinaten oder ein Wort in einem Texteditor, und Sie sind fertig. Ich kann mich darauf beziehen, weil ich einen SVG-Kreis gezeichnet habe, der nicht richtig positioniert war. Ich musste nur die Koordinaten anpassen.
JPG-Bilder können schwer sein
Wenn Sie möchten, dass Ihr Bild an Größe zunimmt, nimmt auch die Dateigröße zu. Mit SVG ist ein Pfund immer noch ein Pfund, egal wie groß Sie es machen. Ein Quadrat, das 2 Zoll breit ist, wiegt ein Quadrat, das 100 Zoll breit ist. Die Dateigröße ändert sich nicht, was vom Standpunkt der Seitenleistung aus hervorragend ist!
Was ist besser?
Was ist also ein besseres Format - SVG oder JPG? Das hängt vom Bild selbst ab. Das ist wie die Frage "Was ist besser, ein Hammer oder ein Schraubendreher?" Das hängt davon ab, was Sie erreichen müssen! Gleiches gilt für diese Bildformate. Wenn Sie ein Foto anzeigen müssen, ist JPG die beste Wahl für Sie. Wenn Sie ein Symbol hinzufügen, ist SVG wahrscheinlich die bessere Wahl. Hier erfahren Sie mehr darüber, wann SVG-Dateien geeignet sind.
Originalartikel von Jennifer Krynin. Bearbeitet von Jeremy Girard am 06.06.17
