Das exportierte kleine .png-Bild aus Adobe Illustrator CC 2017 ist verpixelt

Ich habe ein PNG-Bild aus Adobe Illustrator CC 2017 exportiert, um es als Logo auf meiner Website zu verwenden. Es ist ziemlich groß (1241px x 1346px) und verlangsamt die Website dramatisch. Es muss ungefähr 100 x 105 Pixel groß sein, aber wenn ich es in dieser Größe aus Illustrator exportiere, ist es vollständig verpixelt.

Ich habe die Größe der Zeichenfläche mit einem 2-Pixel-Rand geändert, und soweit ich das beurteilen kann, tue ich alles, was ich normalerweise tue, um ein .png-Bild aus Illustrator zu exportieren.

Ich wäre sehr dankbar, wenn mir jemand dazu einen Rat geben könnte, da es mich zur Verzweiflung treibt.

Danke im Voraus Nigel

Skalieren Sie das Bild auf der Webseite, nachdem Sie es so klein gemacht haben? Wenn Sie ein winziges Rasterbild vergrößern, sehen Sie die Pixel! Warum verwendest du kein SVG? Dann können Sie es auf jede gewünschte Größe skalieren.

Antworten (1)

100 x 105 Pixel sind winzig. Das Bild enthält nicht viele Pixel, sodass jede Detailebene verpixelt erscheint, insbesondere wenn Sie es mit starker Vergrößerung betrachten. Wenn das betreffende Bild auf der Website jedoch sehr klein sein wird, sollte es gut aussehen.

Als Beispiel hier ein 100 x 105 Pixel großer Screenshot von dieser Seite:

Geben Sie hier die Bildbeschreibung ein

Ich habe es vergrößert, damit Sie die Pixel sehen können. Es sieht bei dieser Größe sehr pixelig aus, aber im Kontext (oben) sieht es gut aus. Gleiche Pixel, nur kleiner. Hoffentlich ist dies bei Ihrem Bild der Fall, aber wenn das Bild im Kontext des endgültigen Seitendesigns verpixelt erscheint, muss es wahrscheinlich eine höhere Auflösung haben.