Bildformat im Internet

Dieses Thema im Forum "Web Page Design" wurde erstellt von Jack_Pot, 15.02.2007.

  1. Jack_Pot

    Jack_Pot Thread Starter MacUser Mitglied

    Beiträge:
    111
    Zustimmungen:
    1
    Mitglied seit:
    06.12.2006
    Habe grad einen interessanten Artikel zum Thema
    Bildformat im Internet gelesen. Was setzt ihr Profis ein?

    PNG? JPEG? Oder GIF?

    Wann ist was sinnvoll? PNG soll ja GIF aus lizenzgründe
    ablösen…
     
  2. tigion

    tigion MacUser Mitglied

    Beiträge:
    1.090
    Zustimmungen:
    48
    Mitglied seit:
    21.06.2006
    Ich antworte mal, auch wenn ich kein Profi bin. Ich verwende:

    JPEG ... für Fotos und Grafiken mit sehr vielen Farbverläufen
    PNG ... für flächige und linienartige Grafiken und Bilder mit Transparenz
    GIF ... nehme mittlerweile PNG dafür

    Von der Grösse der Datei, ist JPG bei Fotos besser als PNG, wobei PNG bei flächigen, linienartigen und transparenten Grafiken besser ist.
     
  3. MyMusic

    MyMusic MacUser Mitglied

    Beiträge:
    51
    Zustimmungen:
    0
    Mitglied seit:
    19.10.2006
    Dem stimme ich voll und ganz zu.
    Genau so mache ich das auch.

    GIF habe ich schon lange beerdigt...;)
     
  4. doger

    doger MacUser Mitglied

    Beiträge:
    2.203
    Zustimmungen:
    171
    Mitglied seit:
    11.11.2004
    In der Theorie richtig in der Praxis so nicht angewandt.
    Der IE kann keine transparenten png Dateien darstellen-
     
  5. MyMusic

    MyMusic MacUser Mitglied

    Beiträge:
    51
    Zustimmungen:
    0
    Mitglied seit:
    19.10.2006

    Das ist so nicht ganz richtig...

    Durch einen kleinen Code in der Programmierung kann man den IE dazu bringen, PNG perfekt anzuzeigen ;)
     
  6. tigion

    tigion MacUser Mitglied

    Beiträge:
    1.090
    Zustimmungen:
    48
    Mitglied seit:
    21.06.2006
    Ich weis, nur hat sich diese Situation etwas mit dem Erscheinen vom IE7 gebessert und dieser sollte doch eigentlich bei WinXP Systemem per Autoupdate den IE6 ersetzen oder?
     
  7. MyMusic

    MyMusic MacUser Mitglied

    Beiträge:
    51
    Zustimmungen:
    0
    Mitglied seit:
    19.10.2006
    .bild_1 {
    filter:
    progid:DXImageTransform.Microsoft.AlphaImageLoader
    (src='../art/DateiName.png');
    width: 197px;
    height: 246px;
    background-repeat: no-repeat;
    float:left;
    margin: 0 7px 0 10px;
    }

    html > body .bild_1 {
    background-image:url(../art/DateiName.png);
    }


    Mit diesem Code im css geht das.

    Der obere Teil ist für den IE und der untere für Firefox, usw.

    Gruß
    mymusic


    edit: da wo der smiley ist, muss natürlich ein Doppelpunkt und ein großes D hin...
     
  8. Kovu

    Kovu MacUser Mitglied

    Beiträge:
    1.647
    Zustimmungen:
    100
    Mitglied seit:
    11.12.2005
    Ich persönlich nutze nur noch .png, obwohl ich gegen .jpg nichts habe. gif habe ich noch nie benutzt, habs es eigentlich immer gehasst.

    Ein Link zu dem Artikel wäre aber schön. :)
     
  9. kasei

    kasei MacUser Mitglied

    Beiträge:
    618
    Zustimmungen:
    1
    Mitglied seit:
    10.01.2007
    Ja, aber Du kannst trotzdem nicht darauf zählen, dass alle Benutzer aktualisieren... umgekehrt betrachte ich es auf privaten Websites nicht als mein Problem, wenn die Besucher einen untauglichen Browser verwenden.

    Kasei
     
  10. 2nd

    2nd MacUser Mitglied

    Beiträge:
    8.901
    Zustimmungen:
    242
    Mitglied seit:
    25.07.2004
    Gibt kein Pauschalrezept, jedes Format hat seine Stärken

    GIF für kontraststarke, wenig Farben enthaltete (farbig flächige)Computergrafiken und für Grafiken mit Alphakanal

    JPEG für alles, was nach Foto oder detailreicher Grafik aussieht

    PNG nehme ich bisher im Web gar nicht, da der IE bis v6 den Alphakanal nicht unterstützt und mir die PNGs an sich zu gross sind -> ohne Alphakanal kein nennenswerten Vorteil gegenüber hochqualitativen JPEGs.

    Dafür ist PNG als verlustfreies und effizientes Transportformat auf dem Rechner perfekt (Photoshop -> Flash z. B.).

    2nd
     
Die Seite wird geladen...

Diese Seite empfehlen