Logo einbinden

gerry

Hallo

Wenn ich in den header ein Logo einbinde, ist das Logo nie richtig scharf, immer etwas verpixelt. Das Logo ist in Adobe Illustrator gemacht und als png exportiert. Ich habe schon verschiedene Optionen und Auflösungen ausprobiert und habe noch kein überzeugendes Ergebnis erreicht.

Wenn ich mir z.B. die IKEA-Seite anschaue, ist das Logo richtig scharf und bleibt auch so, wenn ich die Seite vergrößere. Das Joomla- Logo hier oben im Forum hat das gleiche Problem: es sieht unscharf aus und verpixelt, wenn ich es vergrößere. Leider sieht das dann etwas dilletantisch aus.

Hat jemand eine Lösung?

Herzlichen Dank, Gerald

Elwood

Hallo!

Bei Designfragen immer einen Link angeben.

Wo stammt das Logo her?

Mit welchem Programm wurde das Logo bearbeitet?

Stef

Dann solltest du das Bild im SVG Format erstellen . Mit Adobe Illustrator dass du benutzt.

JoomlaWunder

Wenn für das Logo eine feste Größe vorgesehen ist, dann erstelle es exakt in dieser Größe, damit das Bild nicht "umgerechnet" werden muss!
MIt einem Link zur Seite hätte ich das gleich überprüfen können, ob das dein Problem ist.

Stef

Nur ein Bild im SVG-Format wird beim Vergrössern nicht verpixelt.

Hat aber mit Joomla nichts zu tun, sondern mit Grafik.

SVG-Bilder können ohne Schärfe- oder Detailverlust auf dem Bildschirm vergrössert werden.

gerry

vielen Dank für die Antworten. Das hilft mir schon weiter.

Ich dachte immer, svg sei nicht so sicher.

Das Bild wurde in Illustrator bearbeitet und somit kann ich es auch in svg abspeichern.

Ich bin gerade noch am testen mit Xampp, daher gibts kein Link.

Stef

Zitat von gerry

Ich dachte immer, svg sei nicht so sicher.

Ein SVG Bild dass du mit Illustrator selbst erstellst ist sicher.

Elwood

Ich habe meine Logos alle als .jpg

Funktioniert auch prima.

Stef

Zitat von Elwood

Ich habe meine Logos alle als .jpg
Funktioniert auch prima.

Aber eben nicht wenn du das Bild im Browser vergrösserst, weil das Bild verpixelt.

Deshalb möchte der TE das SVG Format.

ManniG.

Zitat von Elwood

Ich habe meine Logos alle als .jpg...

Logos als jpg haben m.E. den Nachteil, dass der Hintergrund des Logos nicht transparent dargestellt werden kann. Deshalb nutze ich meist .png, die ich gleich in die richtige benötigte Größe konvertiere. SVG hat den Vorteil, wenn Du das Logo an verschiedenen Stellen in verschiedenen Auflösungen nutzen willst... brauchst dann nur eine Datei.

Sieger66

Bezüglich SVG siehe auch #9 und #10 dort:

SVG Upload ...

Tags