GIFBUILDER - Transparenz - Schwarzer Hintergrund

Hi,

ich erzeuge in Typo3 4.4.4 Überschriften mit GIFBUILDER, was auch soweit gaz gut klappt. Jetzt müssen diese allerdings über einem leichten grauverlauf platziert werden, also transparent sein.
Das Problem ist aber, dass mir die Grafiken nicht transparent erzeugt werden, sondern immer einen schwarzen Hintergrund haben. (Siehe Anhang)

Mein Code sieht wie folgt aus:

Header1 = IMAGE

Header1 {
  
  altText.field = header
  titleText.field = header
  
  wrap = |
  file = GIFBUILDER
  file {
    XY = 465,[10.h]+[20.h]+2
    
    backColor = #ffffff
    transparentBackground = true
    transparentColor = #ffffff
   
    
    10 = TEXT
    10.text.field = title
    10.text.current = 1 
    10.fontSize = 20
    10.offset = 0,20
    10.fontFile = fileadmin/fonts/libelsuit.ttf
    10.fontColor = #c7d300
    10.niceText = 0
    10.fontSizeMultiplicator=0
    10.text.listNum = 0
    10.text.listNum.splitChar = |   
    
    
    20 < .10
    20.text.listNum = 1
    20.offset = 0,50
    20.if.isTrue=1

    30 < .10
    40 < .20
  
  }
}

#Zuweisung Hauptinhalt

lib.stdheader.10.1 < Header1

#Zuweisung rechte Spalte
Header2 < Header1
Header2.file.XY = 265,[10.h]+[20.h]+2

lib.stdheader.10.2 < Header2

Header3 < Header2
Header3.file.10.text.current=0
Header3.file.10.text.field = title

#Zuweisung tt_news
plugin.tt_news.displayLatest.title_stdWrap.override.cObject < Header3

Ich habe leider im Netz nichts dazu gefunden und hoffe ihr könnt mir helfen.
GGf. muss ich in der Konfiguration des Image Magick etwas ändern, nur was?

Gruß Nicolas

Hallo Nicolas.

Stimmen die Einstellungen in Install-Tool für Deine Serverumgebung? Schau mal, ob im Install-Tool -> Image Processing -> Scaling images die Bilder richtig sind. Sind dort auch schwarze Hintergründe?

Viele Grüße
Julian

Hi so gerade gecheckt. Also ich muss vielleicht dazu sagen dass der GIFBUILDER bei mir PNG's erzeugt.

Beim Image Processiong -> Scale Images habe ich geschaut.

Sieht alles ganz okay aus, nur bei GIF to JPG, 150 pixels wide habe ich dort auch einen schwarzen Hintergrund.

Und was für Format kommt derzeit für die Headlines raus?

Meine in einem ähnlichen fall weitergekommen zu sein, indem ich für den GIFBUILDER in diesem Falls via format doch wieder auf gif gesetzt hatte.

Viele Grüße
Julian

Okay danke, leider hat eine Umstellung des Formats zu GIF nichts geholfen, auch dann ist der Hintergrund schwarz 🙁

Hm...
Also ich würde auf jeden Fall mal raten, dass Du schaust, dass die Test im Install-Tool passen - zumindest weitgehend. Nachdem dort auch was ind er Darstellung nicht ganz passt (Dateigrößenunterschiede sind eher irrelevant), vermute ich da einen Zusammenhang.

Ich habe gerade auch das gleiche Problem in einer Installation, die ich auf 4.4.5 upgedatet habe. Unter 4.3.8 hat es noch funktioniert. Jetzt klappt die Transparenz nicht mehr.
dercin, hast Du denn mittlerweile gefunden, woran es bei Dir lag?

Leider nicht. Wir haben dann die Texte manuell erstellt, da die Qualität der erstellten Überschriften leider nicht gereicht hat.
Mittlerweile nutze ich für grafische Überschriften Google Fonts.

Grüßle

Vielen Dank für Deine Antwort!
Mittlerweile habe ich eine Lösung gefunden, siehe auch unter http://www.typo3.net/forum/open_topic/?tx_mmforum_pi1%5Bid%5D=100104.
Bei den grafischen Überschriften mit TYPO3 muß man ziemlich genau auf die Einstellungen schauen. Ich habe in diversen Beispiel-Typoscripts häufiger Konfigurationen wie die folgende gesehen.

        backColor = #FFFFFF
        transparentColor = #FFFFFF
        transparentBackground = 1

Das ergibt kein gutes Ergebnis, erst wenn man

backColor = #AAAAAA

setzt, wird die Schrift ansehnlich. In meinem Fall sieht der gesamte TS-Code dann so aus:

      ### Überschriftenzeile wird als Grafik aufbereitet
      HEADLINE = IMAGE
      HEADLINE.file = GIFBUILDER
      HEADLINE.file {
        XY = 520, 200

        backColor = #AAAAAA
        transparentColor = #FFFFFF
        transparentBackground = 1

        ### Headline
        10 = TEXT
        10.text.field = title
        10.fontSize = 35
        10.fontFile = fileadmin/fonts/CorporateA-Regular.ttf
        10.fontColor = #000000
        10.antiAlias = 1
        10.offset = 0, 35
      }

Hallo,

das hat erst mal wenig mit GIFBUILDER zu tun, sondern allgemein mit GIFs bzw. einem Effekt, den man Anti-Aliasing nennt. Ein Gif kann zwar prinzipiell Transparenz, aber nur mit einem Bit Farbtiefe. Das heisst: ein Pixel ist transparent oder nicht, ohne Abstufungen dazwischen. Wenn man nice-Text aktiviert (oder Anti-Alias), wird der Text aber geglättet, das heisst, es gibt Abstufungen am Rand des Textes, und zwar zwischen Vorder- und Hintergrundfarbe. Diese Abstufungen können aber in einem GIF nicht transparent werden, weil das ein GIF prinzipiell nicht kann. Bei einer dunklen Textfarbe und weiss als BackColor werden diese Abstufungen grau und erscheinen auf einem dunklen Seitenhintergrund als heller Schmutzrand.

Abhilfe: die Glättung des Textes darf nicht nach weiss erfolgen, sondern idealerweise in die Hintergrundfarbe der Seite. Deshalb muss im Gifbuilder bei einem dunklen Hintergrund auf der Seite eine dunkle BackColor angegeben werden.

Was das generelle Problem angeht: Es gibt im Install-Tool 5 Seiten zum Testen des Bild-Renderings. Die müsst ihr alle durchgehen. Wenn dort ein Fehler auftaucht, müssen die Einstellungen solange angepasst werden, bis der Fehler weg ist. Die Einstellungen sind abhängig vom Server, deshalb kann man keine verbindlichen Einstellungen vorgeben. Das gilt auch für den geposteten Link: die dort geposteten Einstellungen sind nicht allgemein gültig.

Peter,
TYPO3 @ lisardo (Augsburg)

Hallo lisardo,

vielen Dank für die Erläuterung.