tutorials.de Buch-Aktion 05/2012
Seite 1 von 2 12 LetzteLetzte
ERLEDIGT
NEIN
ANTWORTEN
16
ZUGRIFFE
1770
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    Registriert seit
    Jan 2002
    Ort
    Essen - Borbeck
    Beiträge
    767
    Hoi meine lieben tutorials.de Freunde,..

    Meine Homepage Version 7.0 ist fertig (seid gut 2 Wochen).
    Die Ladezeiten gehen fast ins unermessliche!

    Erstellt mit PS 7.0

    Ich habe (leider, es ging nicht anders) die Page komplett grafisch erstellt, (fast) kein HTML Text inhalt.
    Mein Speicher vorgehen sah so aus:
    - Datei\Für Web speichern...
    - Fertig

    Ich habe also überhaupt nichts justiert.
    Meine Frage, was könnte man also dort einstellen, das die Qualität der Bilder erhalten bleibt, alleridngs die Ladezeiten sich verkürzen!
    Am webspace kann es nicht liegen, der ist (eigentlich) super YWS .

    Habe beim Splash schon ein Preload eingebunden, dachte mir vielleicht hilft das. Naja einwenig aber nicht viel

    Wäre jetzt also sehr klasse wenn jemand hier diesbezüglich mehr Ahnung hätte
    Danke schön
    und in diesem Sinne, wer mir Hilft kriegt ein Lutscher (darf sich den hier bei mir abholen)

    subzero
     

    symmetrie ist die kunst der dummen


  2. #2
    chibisuke chibisuke ist offline Mitglied Brillant
    Registriert seit
    Sep 2003
    Beiträge
    807
    hmm... echt schwer zu sagen was man da machen kann... nun ich kann dir nur empfehlen erstmal gif zu lassen und jpg zu benutzen, da kannste die kompression anpassen wies dir passt, und damit noch das letzte raus hohlen... ansonsten kannst du nur preload machen... also alle bilder im voraus laden, dadurch wird es um einiges schneller... sollten bis zu 100% und mehr drin sein...

    ansonsten.. hmm.. steig auf PNG um... PNG ermöglicht es das bild anzuzeigen bevor es volständig geladen ist...

    das bild wird zuerst extrem grobpixelig dargestellt, und wenn dann wieder neue daten geladen sind wird es immer feiner bis es fertig is, das hebt zumindest mal des optischen eindruck den der user bekommt während er wartet...
     

  3. #3
    Michael Och Tutorials.de Gastzugang
    Hi

    Entweder du versuchst es mal mit Googlen, also zb einen Converter suchen,
    oder wenn du Flash MX oder Flash5 hast kannste folgendes machen, dein Bild Inportieren, sei es .jpg oder .gif, dann stellst du die fps so auf 8 und exportierst die so klein wies geht als Movie, oder als Bild, dann wird es Massive kleiner als mit Photoshop.

    PS: Wo bleibt mein Lolli? . Wenn du es nicht hast und nirgends einen Converter findest, dann schick mir das/die Bild/er mal, vielleicht kann ich dir weiter helfen.
     

  4. #4
    Mythos007 Mythos007 ist offline Mitglied Diamant
    Registriert seit
    Jan 2002
    Beiträge
    2.051
    Um Dir effizient weiterhelfen zu können würde ich gerne mal einen Blick
    auf Deine bisherig erstellte Webseite werfen … wo finde ich denn die ?
     

  5. #5
    Avatar von farblos
    farblos farblos ist offline Mitglied Silber
    Registriert seit
    Sep 2003
    Ort
    iserlohn
    Beiträge
    55
    hmm, ich an deiner stelle würde doch etwas an der qualität drehen.
    wenn du manuel in PS über ImageReady hingehst und im .gif einzelne farb-töne löscht, leidet die qualität nicht wirklich darunter. doch so kannst du die größe etwas geringer bekommen.
    oder du gehst, wie schon vorgeschlagen auf .jpg über.
    doch auch da würde ich dir vorschlagen etwas an der qualität zu schrauben.

    denn bedenke immer das es noch leute geben soll die ein 56k modem haben.
     
    .:Alle Fehler sind frei erfunden und jegliche Ähnlichkeit zu Original Wörtern ist nicht beabsichtiegt:.

  6. #6
    Registriert seit
    Jan 2002
    Ort
    Essen - Borbeck
    Beiträge
    767
    LOL @ Mythos,...
    Unter jedem meiner postings ist der "WWW" Button :P

    Möchte doch nicht das Forum mit meinen URL's vollspammen!
    Allerdings muss man sich gedulden meine URL von denic.de auf HOLD gesetzt wurde Weitere Info's hier:

    http://www.tutorials.de/tutorials133385.html

    Wahrscheinlich mit etwas glück heute wieder online, vielleicht aber auch nicht!
    In diesem Sinne, sorry!
     

    symmetrie ist die kunst der dummen


  7. #7
    Registriert seit
    Jun 2003
    Ort
    im wilden Süden
    Beiträge
    123
    Hi,
    dein Problem der - trotz eingestellter Kompressionsalgorithmen - zu grossen Bilder liegt unter anderem daran, das PS mit dem eigentlichen Bild zusätzliche "Begleitinformationen" abspeichert, die die Datei leider unnötig vergrössern. Um diesen Umstand zu ändern kannst du entweder zu professionellen Programmen wie Macromedia Fireworks greifen, oder du legst innerhalb von Photoshop im Bereich "für Web speichern" noch ein wenig Hand an. Möglichkeiten zur Verringerung der Dateigrösse gibt es z.B. bei der Anzahl der Farben (256 max.), die du so weit wie möglich verringern solltest, beim Farbreduktionsalgorithmus und beim Dithering (Reduzierung des "Treppeneffektes"). Probiere ein wenig mit den Möglichkeiten herum und du wirst ein gutes Ergebnis bei relativ kleiner Dateigrösse erzielen.
    Greetz
    Trinity
    Geändert von Trinity X (21.09.03 um 18:58 Uhr)
     
    - Wer die Dummköpfe gegen sich hat, verdient Vertrauen -
    «·´¨`·..·Sartre·..·´¨`·»

  8. #8
    Mythos007 Mythos007 ist offline Mitglied Diamant
    Registriert seit
    Jan 2002
    Beiträge
    2.051
    zu grossen Bilder liegt unter anderem daran, das PS mit dem eigentlichen Bild zusätzliche "Begleitinformationen" abspeichert, die die Datei leider unnötig vergrössern


    @ trinity - welche Informationen meinst Du genau?
     

  9. #9
    Avatar von Hercules
    Hercules Hercules ist offline Mitglied Brokat
    Registriert seit
    Jan 2003
    Ort
    Ka
    Beiträge
    356
    @chibisuke: Das mit dem gif lassen und Jpg benutzen ist vollkommener Schwachsinn...

    Also für Grafiken immer gif benutzen -- hier kannst du den Speicherbedarf durch eine kleinere Farbtabelle und durch Diffusion beeinflussen. Wnn du z.B eine Grafik hast, die eigentlich nur aus 3 Farben bestaht, dann erstellst du eine Farbtabelle mit ca 6 Farben oder wenn sie nur farbige Fläachen hat dann im Idealfall 3 Farben. Das ganze kannst du auf jedes Slice einzeln anwenden. Grafiken in verschiedeenen Formaten zu speichern (eine Grafik die durch mehrere Slices geteilt ist) ist absolut abzuraten, denn wenn du einen Teil JPG und den anderen in gif speicherst, dann bekommst du Farbunterschiede.

    Für Bilder benutzt du selbstverständlich Jpg.
     

  10. #10
    Registriert seit
    Jun 2003
    Ort
    im wilden Süden
    Beiträge
    123
    Original geschrieben von Mythos007
    [/size]

    @ trinity - welche Informationen meinst Du genau?
    Hi Mythos,
    ich meinte in diesem Fall eher auf *.jpg oder *.psd bezogene Daten wie Thumbnail-Infos, Exif-Daten, Farbprofil-Informationen oder Kommentare.
    Zugegeben, auf das GIF-Format nicht passend...
    Trotz allem bin ich nicht der Meinung von Hercules. Auch wenn die Meinungen über Web-Grafikformate sehr unterschiedlich sein mögen, halte ich es für kontraproduktiv sich
    a) so über den sicher gut gemeinten Beitrag eines anderen zu echauffieren und
    b) diese höchst persönliche Auffassung als allgemeingültig zu verkaufen.
    Abhängigkeiten wie "sind Tranzparenzen erforderlich oder nicht" oder "liegt der Schwerpunkt auf Grafiken oder eventuell auf Bildern mit vielen Farbnuancen" sind für die Wahl des geeignetsten Speicherformates mit entscheidend.
    Es gibt mittlerweile genügend Tools, die die Datenmenge bei *.jpg Dateien durch das Entfernen der von mir oben genannten Zusatzinformationen noch zusätzlich zur selbst gewählten Kompressionsrate verkleinern können. Die Ladezeiten bei Webseiten werden dabei auf ein Minimum verkürzt und das auch noch mit qualitativ hochwertigen Grafiken.
    Ein Beispiel für so ein Programm ist der JPEG-Cleaner von Rainbow Software, der diese Aufgabe auf Wunsch auch stapelweise erledigt. (übrigens Freeware)
    Der Download-Link ist HIER

    Greetz
    Trinity
    Geändert von Trinity X (22.09.03 um 11:57 Uhr)
     
    - Wer die Dummköpfe gegen sich hat, verdient Vertrauen -
    «·´¨`·..·Sartre·..·´¨`·»

  11. #11
    Registriert seit
    Jan 2002
    Ort
    Essen - Borbeck
    Beiträge
    767
    Also der vorschlag von Trinity X hört sich für meine Ohren gut an, allerdings funktioniert meine Domain immer nocht nicht! D.h. ich kanne s nicht testen und muss warten! Danke für die vielen Kommentare

    @ Trinity X, Ich bewundere deine sehr delitiöse Wortwahl
     

    symmetrie ist die kunst der dummen


  12. #12
    Registriert seit
    Dec 2002
    Ort
    Kosmopolit
    Beiträge
    3.765
    Hi,

    zum Thema GIF-Optimierung hab ich ein Videotutorial gemacht, dass evtl.
    hilfreich sein könnte. Schau es dir einfach mal an. Schließlich geht es bei der
    Optimierung der Dateigrößen im GIF-Format im Wesentlichen um die Farbpalette
    und deren Minimierung.
    http://www.tutorials.de/tutorials77755.html

    Gruß
    Martin
     

  13. #13
    Registriert seit
    Jan 2002
    Ort
    Essen - Borbeck
    Beiträge
    767
    Hoi, jetzt ist der Webspace online, wenn ihr euch es angucken möchtet! Page ist noch nicht fertig, bitte nicht meckern!
     

    symmetrie ist die kunst der dummen


  14. #14
    Avatar von Mark
    Mark Mark ist offline Mod | Cinema4D
    tutorials.de Moderator
    Registriert seit
    Aug 2003
    Ort
    Vienna:Austria
    Beiträge
    8.123
    Blog-Einträge
    10
    Hi!

    Bin mir nicht sicher, ob's um die aktuelle Site ging, aber alleine die Optimierung auf 32 Farben mit ImageReady, ohne weitere Spielereien schrumpft die Site von 288kb auf 175kb!
    Würdest Du hinzu Dein Table nicht nur anhand der benötigten Links, sondern auch im Bezug auf Farbflächen "slicen", könntest Du einiges mit "BGCOLOR=#FF0000" lösen! "links_rand.gif" kannst Du Dir so außerdem sparen -> TD BG auf rot und den "spacer.gif" um das TD zu füllen...

    Also, ich möchte die nette Diskussion über "Zusatzinformationen" von irgendwelchen Files nicht unterbrechen, aber vorher gibt es noch etliche Möglichkeiten, die viel grundsätzlicher sind...
     
    ... bitte keine C4D-Fragen per PN ...
    +++ OUT NOW for CINEMA4D:
    Al'em - Free Align Plugin + Shaderpack Vol 1 - Free Shaders
    + Roll-It v1.0 - Free Roll Plugin + Egg-Objekt - Free Egg Primitive +++
    eggtion.net

  15. #15
    Avatar von Gaara
    Gaara Gaara ist offline Grünschnabel
    Registriert seit
    Sep 2003
    Beiträge
    1
    Hi...

    Nach meinen Erfahrungen bringt es meist sehr viel die Dateien als .jpg bei Qualität 75 und bei "für Webspeichern" zu speichern (deutsch )

    Außerdem ist dein Skateboard-Wall im Portfolio garnicht komprimiert und über ein 1MB groß. Sowas muss eigentlich auch nicht sein.

    Cya
     
    Out of sight, out of mind...

Ähnliche Themen

  1. Ladezeiten mit SSL
    Von Jan_P im Forum PHP
    Antworten: 5
    Letzter Beitrag: 15.04.08, 10:50
  2. Antworten: 10
    Letzter Beitrag: 21.01.08, 15:42
  3. zu lange Ladezeiten
    Von TimN im Forum Flash Plattform
    Antworten: 1
    Letzter Beitrag: 22.12.05, 23:12
  4. Panel ist zu groß sollte nur so groß sein wie das Rechteck
    Von downset04 im Forum Swing, Java2D/3D, SWT, JFace
    Antworten: 3
    Letzter Beitrag: 11.01.05, 10:23
  5. lang, lang ists her
    Von galdasc im Forum Videoschnitt, Videotechnik & -produktion
    Antworten: 2
    Letzter Beitrag: 27.06.02, 14:07