Zum Inhalt springen

Verpixelte Bilder im Menuhintergrund

Erstellt am 4. Mai 2010 · 2 Antworten · letzte Antwort am 6. Mai 2010

Tags: Bilder, Frage

eThel ·

Hallo Community,

ich plage mich seit einiger Zeit mit stark verpixelten Bildern herum.

Das Szenario:
Ich erstelle in GMENU und möchte dieses mit einem einheitlichen Bild hinterlegen. Geladen wird ein .png, welches 400 x 400 pixel misst und von optimaler Schärfe ist. Das Menu hat eine Breite von 400 pixel, so dass das Bild für den Hintergrund nicht komprimiert werden muss.
Das funktioniert soweit auch alles wunderbar - nur das Bild ist derbe verpixelt! Mittlerweile habe ich keine Idee mehr, woran es liegen könnte. Ihr vielleicht?!

Problemlösungen:
PNG durch JPG ersetzt -> keine Verbesserung
JPG Qualität hochgesetzt -> keine Verbesserung
Schatten herausgenommen -> keine Verbesserung
Text herausgenommen -> keine Verbesserung
TransparentColor herausgenommen -> keine Verbesserung

MAINMENULEFT = HMENU
MAINMENULEFT {
special = directory
special.value = 27
1 = GMENU
1.applyTotalH = 5
1.NO = 1
1.NO {
wrap = <div>|</div>
XY = 400, 120
backColor = #ffffff
transparentColor = #ffffff
20 = TEXT
20.text.field = nav_title // title
20.fontColor = #0c3a6d
20.fontFile = fileadmin/fonts/calibri.ttf
20.fontSize = 36
20.niceText = 1
20.offset = 10, 100
10 = SHADOW
10.textObjNum = 20
10.color = #0c3a6d
10.blur = 5
10.opacity = 60
10.offset = 2,2
5 = IMAGE
5.file = fileadmin/template/mainpage/images/gesundheit.png

Über Hilfe würde ich mich sehr freuen!!

Viele Grüße,

eThel

Julian.​Hofmann ·

Hallo.

Ist außerhalb von GMENU-Objekten die Bildverarbeitung besser? D.h. passen Deine prinzipiellen Einstellungen des Image Processing?

Viele Grüße
Julian

eThel ·

Hallo Julian!

Ja, alle anderen Bilder werden korrekt und scharf angezeigt. Natürlich habe ich auch schon alle aktuellen Versionen gecheckt 😉!

Momentan habe ich einen suboptimalen Lösungsweg eingeschlagen. Die Bilder lade ich per .css in eine mit .html zentrierte Tabelle, so dass die Bilder stets hinter dem Platzhalter liegen. Aber wie bereits gesagt, kann dies nicht die Lösung sein. Spätestens bei einer dynamischen Seite kann es passieren, dass das Menu dann nicht mehr korrekt an das Hintergrundbild gebunden ist.

Außerdem ergibt sich damit ein "altbekanntes" Problem. Wenn ich das GMENU kreiere, muss ich eine Hintergrundfarbe festlegen und diese dann transparent gestalten (oder mit transparentBackround arbeiten). Beides hat den Nachteil, dass die Schrift in diesem Menu ebenfalls verpixelt. Leider helfen auf hier nicetext, antialias nicht weiter.

Mittlerweile #angry#

Vielleicht irgendjemand eine Idee??