Zum Inhalt springen

Bild wird über ein Einbinden in Typoscript unscharf

Erstellt am 23. März 2009 · 22 Antworten · letzte Antwort am 27. Mai 2009 · Seite 1 von 2

Tags: Frage

zarah ·

Hallo Zusammen,
ich habe das Problem, das ich ein Bild, das ich über Typoscript als Kopfbild eingebunden habe unscharf ausgegeben wird. In Photoshop ist es scharf! Andere Bilder die ich auf der Seite im Inhalts bereich hochgeladen habe sind scharf.
Liegt das Problem in einem Fehler im Typoscript Code?

Viele Grüße
Zarah

    kopf = IMAGE
    kopf {
      file = GIFBUILDER
      file {
        XY = 1024,204
        format = jpg
        quality = 70
        backColor = #888E90
        10 = BOX
        10 {
          dimensions = 0,0,785,102
          color = #888E90
        }
        11 = BOX
        11 {
          dimensions = 0,3,785,96
          color = #888E90
        }
         12 = BOX
        12 {
          dimensions = 0,4,785,94
          color = #888E90
        }
        13 = BOX
        13 {
          dimensions = 0,6,785,90
          color = #888E90
        }
      30 = IMAGE
        30 {
          file = {$kopfbild}
          file.width = 1024
          file.height =204
          file.m {
            mask = fileadmin/kvkg/img/mask.jpg
            bgImg = fileadmin/kvkg/img/bgimg.gif
          }
}
zarah ·

Es ist genau so groß, wie es auch in Typoscript angegeben ist.
Hier liegt der Fehler nicht...!

zarah ·

Ich habe den Code nun vereinfacht, das Bild ist scharf.
Allerdings wechselt das Bild nun nicht mehr auf den anderen Seiten.

kopf = IMAGE
    kopf {
      file = fileadmin/kvkg/img/Kopf_Start3.jpg
       
          }

Da wo der Bilderwechsel stattfinden soll, hatte ich ein Extension Template angelegt und unter Constants:

kopf = fileadmin/kvkg/img/Kopf_Zukunft.jpg

eingefügt. Vorher hat dies einwandfrei funktioniert.

Grüße
Zarah

Pas-de-deux ·

Hallo zarah,

versuch' mal, in Deinem ersten Code die Qualität höher zu setzen:
Statt "quality = 70" eher "quality = 90".

Wie sieht es mit den Einstellungen im Installtool aus? Was steht da unter "5: All Configuration"? Gute Erfahrungen habe ich mit den Einstellungen:
[GFX][gdlib_2] = 1
und
[GFX][jpg_quality] = 90

gemacht.

zarah ·

Hallo
das habe ich alles schon probiert und es hat nichts gebracht.
Nun habe ich mal die Boxen und Effekte rausgenommen, die eine keine Funktion mehr hatten. Der code sieht nun so aus.
Ist aber immer noch unscharf. Alle Größenangaben stimmen, das Bild ist okay.
Wo ist bloß das Problem. Und warum ist es mit dem 2. Code scharf, aber mit diesem nicht? Doch beim 2. Code bekomme ich den Bilderwechsel je nach Seite nicht hin.
Grüße
Zarah

 kopf = IMAGE
    kopf {
      file = GIFBUILDER
      file {
        XY = 1024,204
        format = jpg
        quality = 90
        
  
        30 = IMAGE
        30 {
          file = {$kopfbild}
          file.width = 1024
          file.height = 204
      
            }
      }
    }
Pas-de-deux ·

Probiere es mal hiermit:

    KOPF = IMAGE
    KOPF.file = GIFBUILDER
    KOPF.file {
      XY = 1024,204
      format = jpg
      quality = 90
      backColor= #FFFFFF
    
      10 = IMAGE
      10.file.import = uploads/media/
      10.file.import.data = levelmedia: -1, slide
      10.file.import.field = media
      10.file.import.listNum = 0
      10.file.width = 1024
      10.offset = 0,0      
   }

Ich gehe davon aus, dass Du für verschiedene Themenbereiche unterschiedliche Headerbilder anzeigen möchtest. Obiger Code setzt dann noch voraus, dass die Bilder unter
Seiteneigenschaften > Resources > Dateien
für die jeweilige Site eingetragen werden.

KOPF ist der entsprechende Marker im Template für das Headerbild. Der sollte übrigens in Versalien geschrieben werden (KOPF statt kopf) - das hilft Dir bei der Identifikation.

zarah ·

mhm -
unter Seiteneigenschaften finde ich keine Ressources...
Was meinst du da?
Allgemeine Datensammlung? Da werden mir aber nur die anderen Seiten gezeigt.

Frage mich auch immer noch, warum meine erste Lösung nicht funktioniert -
bin ich da gedanklich ganz falsch?

Grüße
Zarah

Pas-de-deux ·

mhm -
unter Seiteneigenschaften finde ich keine Ressources...
Was meinst du da?

Was für eine TYPO3-Version hast Du denn in Verwendung? Bei den aktuellen Versionen (4.2.x) hat sich optisch einiges gegenüber den älteren Versionen (4.1.x und drunter) geändert. Insbesondere gibt es nun nicht mehr endlos lange Feldlisten, sondern das ist in Reitern organisiert und der zugehörige heißt nunmehr "Resources".
Unabhängig davon ist das Bild unter "Seiteneigenschaften bearbeiten" im Feld "Dateien:" hochzuladen.

Frage mich auch immer noch, warum meine erste Lösung nicht funktioniert -
bin ich da gedanklich ganz falsch?

Vielleicht liegt es an

file.height = 204

In meinem Codebeispiel ist nur die Breite, nicht die Höhe angegeben.

Michaelh74 ·

Wenn Du am Bild nichts ändern muss, dann benötigst Du nicht den Gifbuilder.

Mach das am besten so:

temp.IMAGE_BANNER = IMAGE 
temp.IMAGE_BANNER {
 file.import.data = levelmedia: -1, "slide"
 file.import = uploads/media/
 file.import.listNum = 0
}

Dabei sind die Bilder jeweils unter Seiteneigenschaft -> Ressources -> Dateien

Oder wie bei Dir

kopf = IMAGE
kopf {
      file = fileadmin/kvkg/img/Kopf_Start3.jpg    
}

Und per Ext Templ. überschreibeb:

page.10.subpart.kopf.file = fileadmin/kvkg/img/Kopf_Start99.jpg

Muss natürlich auf Deine Struktur angepasst werden.

Gruß
Michael

zarah ·

Mhm wo mache ich bloß den Fehler..
poste jetzt mal die komplette Definition für die Seiteninhalte:

page.10 = TEMPLATE

page.10 {
  template =< plugin.tx_automaketemplate_pi1 
  workOnSubpart = DOCUMENT_BODY
  subparts {
    sprache = TEXT
    sprache.postUserFunc = tx_cablanguageselector_pi1->main
    sprache.postUserFunc {
      atag.before = <a href="|">
      atag.after = </a>                
      disableACT = 1
      wrap = |&nbsp;
      startUID = 40
    }
    druck < plugin.tx_cronprintlink_pi1
    druck {
      linkContent = IMAGE
      linkContent {
        file = fileadmin/kvkg/img/drucker.gif
      }
    }





          
    kopf = IMAGE
    kopf {
    file = fileadmin/kvkg/img/Kopf_Start3.jpg   
} 


           10 = IMAGE
           10.file.import = fileadmin/kvkg/uploads/media/
           10.file.import.data = levelmedia: -1, slide
          10.file.import.field = media
          10.file.import.listNum = 0
          10.file.width = 1024
        10.offset = 0,0     

 
          
    inhalt < styles.content.get
    rand < styles.content.getBorder
    links<styles.content.getLeft


   
}

  
        fuss = COA
    fuss {

    }
  }
}

Und unter dem ext. Template der jeweiliegen Seite:

page.10.subpart.kopf.file = fileadmin/kvkg/img/Kopf_Heizung.jpg

Das Bild ist zwar nun scharf, wechselt aber nicht.

Pas-de-deux ·

...immerhin ist das Bild nun scharf - schon mal der erste Schritt geschafft 😃
Hast Du denn nun die Bilder auch jeweils unter
Seiteneigenschaften > Resources > Dateien
(bzw. unter Seiteneigenschaften > Dateien, wenn es bei Dir den Reiter "Resources" nicht geben sollte)
eingetragen?

Hast Du es schon mal mit einem anderen levelmedia probiert? Je nach dem, wie die Website aufgebaut ist, musst Du ggf. über mehrere Ebenen vererben:
levelmedia: 1, slide
oder
levelmedia: 2, slide

zarah ·

Tja
so langsam verzweifel ich.

Immerhin habe ich jetzt die Ressources gefunden, allerdings unter dem Template der Seite. Dort kann ich das einzelne Foto hochladen. Aber der Wechsel klappt auch nicht.
mhm ....

Pas-de-deux ·

Nimm mal das hier raus:

page.10.subpart.kopf.file = fileadmin/kvkg/img/Kopf_Heizung.jpg

Mit dem TS-Teil:

10.file.import.data = levelmedia: -1, slide

etc. - siehe oben, da steht ja schon alles

lädst Du die Headerbilder dynamisch in die Site. Also musst Du nicht für jede Seite gesondert den Marker für das Kopfbild ansprechen.

Resources gibt es nicht nur unter dem Template der Website, sondern auch unter den Seiteneigenschaften jeder einzelnen Site.

Michaelh74 ·

Du darfst nur eine der beiden Variante nehmen. Also entweder die mit Ressources und slide ODER die mit festem image und eigenem Ext. Template für andere Bilder.

Gruß
Michael

zarah ·

Sitze leider immer noch an dieser Kopfbild Problematik
Nun habe ich meinen Typoscript Code nocheinmal ausgetauscht, in der Hoffnung, das es nun klappt... Aber es tut sich nichts.

Alle Bilder liegen im Ordner: uploads/media/, der sich unter fileadmin/kvkg/ befindet.

Dann Habe ich unter Seiteneigenschaften in Ressources, das für die jeweilige Seit vorhandene Bild hochgeladen.

Nun habe ich wiederum das Problem, das sich eine leichte Unschärfe eingeschlichen hat, die, wenn ich nur ein Bild habe, das auf allen Seiten gleich ist, nicht habe. ?????
Was kann das sein???

Grüße
Zarah

 kopf = IMAGE
      kopf.file = GIFBUILDER
      kopf.file {
     XY = 1024,204
     format = jpg
    quality = 90
    backColor= #FFFFFF
  
           
     10 = IMAGE
     10.file.import = fileadmin/kvkg/uploads/media/
     10.file.import.data = levelmedia: -1, slide
     10.file.import.field = media
     10.file.import.listNum = 0
     10.file.width = 1024
     10.offset = 0,0 }
Pas-de-deux ·

Hallo Zandra,

der TS-Code scheint stimmig zu sein. Überprüfe mal, ob die Bildvorlagen im Format Breite x Höhe = 1024x204 vorliegen und ob sie im Frontend wirklich auf diesen Wert eingestellt wurden.

Außerdem kannst Du versuchen in Deinem TS-Code quality=100 zu setzen. Anschließend noch die Konfiguration von TYPO3 überprüfen:
Admin-Tools > Installation > 5: All Configuration
Dort prüfst Du:

1) Ob bei [gdlib_png] und bei [png_truecolor] die Häkchen gesetzt sind
2) Einstellen von [GFX][gdlib_2] = 1 und
3) ggf.[GFX][jpg_quality] auf einen höheren Wert setzen (Standard sollte 70 sein, probier' mal 90).

Was für eine ImageMagick-Version läuft zudem bei Dir? Es wird immer wieder berichtet, dass die neueren Image-Magick-Versionen unter TYPO3 zu Problemen bei der Darstellung führen. Bewährt hat sich die alte Image-Magick-Version 4.9.2.

zarah ·

Hallo Stefan

Bilder sind richtig eingestellt, auch unter admin tools habe ich nochmal alles so eingestellt, wie von dir beschrieben.

Image Magik läuft tatsächlich auf der 5er Version.
Ist es richtig
[im_version_5] auf im4 zu setzen? Um auf die 4er Version zu kommen?

Leider tut sich da nichts.

Grüße

zarah ·

Eine Frage habe ich noch:

Im Menü wechseln die Kopfbilder,
allerdings habe ich noch eine 2.Menüebene, hier wird kein Kopfbild angezeigt.

Wo liegt der Fehler?

Viele Grüße

Pas-de-deux ·

Zur ersten Frage:
ImageMagick ist in verschiedenen Versionen erhältlich. Es nützt nichts, im Installtool nur die Version einzutragen, sondern die entsprechende ImageMagick-Version muss auch auf dem Server vorhanden sein.
Eine Linux-Version von ImageMagick 4.2.9 bekommt man hier: http://typo3.sunsite.dk/software/linux/imagemagick-4.2.9_i386-static-3.tar.gz

Zur zweiten Frage:
Hast Du in der zweiten Menüebene auch einen Mediafile festgelegt? Wenn da alles okay ist, hilft es evtl. die Zeile:

10.file.import.data = levelmedia: -1, slide

entsprechend Deiner Navigationsstruktur anzupassen. (levelmedia Wert ändern: -1,0,1,2...).