Vektorbilder in Illustrator für ein Webblog speichern

Grafikdesign ist nicht mein Beruf, aber ich weiß, wie man mit Illustrator einfache Vektorgrafiken/Grafiken erstellt. Ich habe keine Ahnung, welches Format oder andere Attribute beim Speichern eines Bildes für die Webanzeige zu berücksichtigen sind. Ich habe dieses Forum nach ähnlichen Problemen durchsucht, mit denen andere möglicherweise konfrontiert waren, kann aber den verwendeten Designjargons nicht folgen.

Die Art und Weise, wie ich versuche, das Bild für meinen Blog zu speichern, ist die Option „Für Web speichern“ in Illustrator, wo ich JPEG auswähle und ihm einen Dateinamen gebe. Dieses Bild importiere ich dann in den Blog.

Die Bilder sehen verschwommen, gezackt und schlecht aus. Es sieht nicht so toll aus wie es in Illustrator nativ ist. Ich bemerke auch, dass die Bildgröße schrumpft, sobald ich es im Blog poste. Wie kann ich die richtigen Abmessungen für das Bild bestimmen? Der Blog gehört mir nicht, ich bin nur ein Gastblogger auf ihrer Plattform.

Antworten (2)

Bilder aus Illustrator können in eine Reihe von Formaten exportiert werden, die von Webbrowsern unterstützt werden, darunter Rasterformate wie JPEG oder PNG und das Vektorformat SVG.

Diese funktionieren alle im Web und werden von den meisten Browsern unterstützt, SVGs funktionieren jedoch möglicherweise nicht auf allen Blogseiten, es sei denn, der Blogbesitzer hat das Hochladen von SVG-Dateien aktiviert.

Das Problem mit Ihrem JPEG klingt, als hätten Sie es nicht mit genügend Pixeln oder möglicherweise mit niedriger Qualität (hohe Komprimierung) exportiert. Ohne es jedoch zu sehen, weiß ich nicht, wie viel spezifische Hilfe ich Ihnen hier geben kann. Ich kann nur Folgendes sagen: Haben Sie versucht, es in einer größeren Größe mit höheren Qualitätseinstellungen (weniger Komprimierung) auszugeben?

Außerdem zeigen Browser Bilder auf Webseiten normalerweise in der nativen Auflösung des Geräts an, auf dem sie angezeigt werden, es sei denn, Sie haben den Zoom Ihres Betriebssystems auf etwas anderes als 100 % eingestellt. Dies könnte sicherlich die Ursache dafür sein, dass kleine Bilder vergrößert werden, und würde zu einer Verschlechterung der Qualität führen - aber dies ist eine Benutzereinstellung, die nichts mit dem Bild selbst zu tun hat.

Sagen Sie nicht genug Auflösung (oder Pixel), sagen Sie einfach genug Pixel
@joojaa stimmte zu. Bearbeitet!
Danke Billy und Joojaa. Ich möchte mich entschuldigen. Ich denke jetzt, dass das Problem mit der Website ist. Die Größe der Bilder wird leicht auf eine kleinere Größe geändert und dann, wenn sie veröffentlicht werden, und das lässt sie gezackt aussehen. Wenn ich auf das Bild klicke, um es in einem anderen Tab zu öffnen, sieht es gut aus. Das bedeutet, dass ich einen Weg finden muss, die Bildqualität beizubehalten, selbst wenn die Größe von der Site geändert wird.
Wenn die von Ihnen verwendete Website die Größe der Bilder ändert/neu berechnet oder sie auf unerwünschte Weise neu verarbeitet, können Sie die Bilder möglicherweise auf einer anderen Website hosten, z. B. imgur(dot)com.

Wenn Ihre Bilder einfach sind, können Sie sie in Illustrator als SVG (Scalable Vector Graphics) speichern. Sie können dies unter Datei > Speichern unter tun.

Alle gängigen Browser unterstützen zumindest teilweise (SVG 1.1) das SVG-Dateiformat. Auf diese Weise behalten die Bilder ihre Qualität, auch wenn sie in der Größe geändert werden.

Danke Spitze. Ich habe gerade versucht, die SVG-Bilddatei hochzuladen und erhalte die Meldung "Der Bildtyp ist verboten".
@John SVGs sind für einige Content-Management-Systeme wie Word Press standardmäßig verboten. Wenn Sie also die Person, die den Blog betreibt, davon überzeugen können, diese Einstellungen zu ändern, können Sie keine SVGs hochladen. Das hat nichts mit Ihrem Browser zu tun.