Retina Verschwommene Icons ohne 2x Image Sizing Hack

Question

Gibt es eine Möglichkeit, die Retina Verschwommene Symbole auf Handys zu beheben, ohne die Verwendung von 2x Sizing Images Hack?

Ich bin ein Front-End-Entwickler und der Designer ist nicht in der Lage, mir die Icons der Website doppelt so groß zu machen.

Also, ich frage mich, ob es eine Möglichkeit gibt, die ursprüngliche Größe der Symbole zu behalten und es richtig auf Handys mit Retina-Display aussieht.

Answer 1

Kleine Pixelbilder werden automatisch von den Browsern vergrößert und die Qualität des Anti-Aliasing hängt von der Rendering-Engine des Browsers ab.

Wenn Sie die Medienabfragen @ 2 Trick nicht verwenden möchten, könnten Sie stattdessen SVG-Symbole verwenden, da Vektorgrafiken auf jeder Bildschirmauflösung und ppi cristal scharf sind.

Edit: Wie im Kommentar unten genannten Sie Anti-Aliasing in Browsern deaktivieren können, wie hier beschrieben: Disable antialising when scaling images

Aber das wird nicht zum Beispiel eines scharfen runden Kreises erstellen aus einer 16-Pixel-Grafik wie die Pixel noch quadrierte Pixel sein (nur vergrößert) ...