Logo oder Grafik scharf in allen Auflösungen und Zoom-Stufen darstellen

Wenn Sie eine Grafik (Firmenlogo, Icon oder Symbol etc.) bereits als Vektor-Grafik (aus Adobe Illustrator/InDesign o.a. Vektor-basierte Software) vorliegen haben, dann können sie die Möglichkeit in Erwägung ziehen diese Grafik als SVG in ihre Seite einzubinden, mehr über diese Technik erfahren Sie hier:

W3 Schools SVG Tutorial

SVG graphics do NOT lose any quality if they are zoomed or resized

Die Browser-Unterstützung (caniuse.com) ist mittlerweile sehr gut. Beim IE gibt es Schwierigkeiten bei der Skalierung („IE9-11 desktop & mobile don’t properly scale SVG files. Adding height, width, viewBox, and CSS rules seem to be the best workaround.“ (caniuse.com – Tipp).

Nützlicher weiterführender, ausführlicher Artikel: Wie Sie Ihre Website für Retina optimieren: Scharfe Bilder und trotzdem schnell (von digitalmobil.com)