Ik zit met een klein probleempje.

Er zit een vertraging in me site bij alle hover gedeeltes.
Alleen Google Chrome heeft hier last van en ik vraag me af als dit komt doordat alles nog op een MobileMe account staat of dat ik een afb. gebruik welke 775kb is.

** link weggehaald vanwege spam

is 775kb te groot voor deze afb?

** link weggehaald vanwege spam

Safari, IE en FireFox hebben nergens last van en laden alleen wat langer (28 sec. max) omdat er een onzichtbare afb. achter de background aan het laden is 45kb 3000px hoog.
Nu ben ik nog aan het kijken waar ik wat kb's kan winnen door het verschillend opslaan van afbeeldingen.

(Bewerkt door DNA om 21:08, 17-04-2010)

ik zou er gewoon een .jpg van maken. De Transparantie in je .png heb je volgens mij in jouw ontwerp niet nodig toch? Als je hem omzet naar een .jpg zit je ongeveer op 45kb. Dat scheelt nogal, toch?

Ja dat is het probleem juist ik moet op die plek een transparantie hebben.
Er moet ik het midden een gat zitten zodat de afb. erachter zichtbaar wordt.

Maar ik heb net eens 9 van de 11 png's opgeslagen als "save for web" dat scheelde bijna 100kb p/afbeelding.
11 stuks waren samen 3.275 kb nu 2.269 kb.

Volgens mij sla je met "save for web" (png24) nog kleiner en beter op dan standaard met .jpg op kwaliteit 10.

700 nog wat kb is nog steeds wel heel erg groot hoor.. wat ben je precies van plan, want uit je link blijkt niets van een transparante .png

** link weggehaald vanwege spam
Dit is de onderste achtergrond afb. een jpg. Deze is 282kb maar das ok. Als je deze lager gaat opslaan krijg je echt slechte kwaliteit. (deze is eigenlijk om de browser te vullen)

** link weggehaald vanwege spam
Dan komt deze daar bovenop en deze gaat "omhoog" lopen. Heel simpel zoals een rolluik.
Dit bestand is maar 45kb maar wel 3000px hoog. Het is dus niet erg dat deze miss. 20 sec. nodig heeft om te laden (bij slechte verbindingen) omdat maar +/- 350px zichtbaar zijn van de 3000px in het begin en het laden van de afb. gaat sneller dan het "rolluik" kan draaien.

** link weggehaald vanwege spam
En als laatste komt deze daar weer bovenop omdat de middelste niet geheel zichtbaar mag zijn.
Een soort afdek-plaat op het "rolluik"
Door het gat in het midden van deze png is straks afb. nummer 2, welke omhoog loopt zichtbaar.

Alleen deze laatste (png) is maar 1250px bij 750px. Maar is wel 775kb en dat komt omdat ik met een brush dat gat heb gemaakt in het midden.
Nu zou ik heel graag deze laatste willen verkleinen, dus niet de afm. maar de kb's. Maar nu ben ik bang dat dit gewoon weg niet meer gaat. Opslaan als png8 wordt echt niet mooi.

En als je alles in elkaar zet krijg je dit.
*** Let op JavaScript moet wel aanstaan anders blijft alles stil staan.
** link weggehaald vanwege spam

(Bewerkt door DNA om 16:11, 18-04-2010)

nou snap ik het! Bedankt. Tja, nee, ja.. denk ook dat je er niet echt veel aan kunt doen.. ik moet je wel zeggen dat site erg breed is. Zou je niet binnen een maximale breedte van ±960 kunnen blijven? Dan win je ook zeker wat mbt. de kb's..

succes!

Die achtergrond-jpg heb je toch helemaal niet nodig?
Stel gewoon in dat de body die lichtblauwe kleur moet hebben.
Of anders neem je 1 pixel in die kleur en geef je repeat (x en y) op.
Scheelt niet heel veel, maar toch meegenomen.

Ja I know maar zoals je ziet heeft de achtergrond welke ik in de body aanroep een lichtblauwe kleur met een brush op. krassen als effect/motief.

Deze heb ik op repeat staan (beide kanten) zodat het niet uit maakt hoe groot je scherm is je altijd dat effect te zien krijgt..
Ja ik zou hem wel iets kleiner kunnen maken.

Maar als ik de achterkleur in dezelfde kleur blauw zou nemen als de overlay krijg je dit effect.
Kijk nu maar eens.
** link weggehaald vanwege spam

Die overlay png is maar 750 hoog en dekt niet de hele pagina tot beneden.

(Bewerkt door DNA om 16:12, 18-04-2010)

Misschien kun je hier iets mee: reducing png
Programma's als Photoshop e.d. maken enorme bestanden van png afbeeldingen. Deze kun je meestal nog met 300 tot 600% kleiner krijgen
Anders waar mogelijk een transparante gif gebruiken?

waarom maak je er geen gifjes van?

Die overlay gaat in gif waarschijnlijk niet mooi worden omdat er een verloop in zit maar de rest kan inderdaad gewoon als gif lijkt me..
Zijn die ijskrassen echt zo belangrijk? ik kan ze op dit mac scherm namelijk al amper zien, laat staan op een wat ouder lcd scherm onder Windows.
Zoniet dan kun je gewoon een smalle uitsnede van die overlay nemen en die repeat x meegeven, kom je op zo'n 150kb uit.

Ja de krassen wil ik er wel inhouden. Past wel bij het thema natuurlijk.
Heb thuis nog een oude DEL-Windows XP met type 25 Euro LCD monitor staan en daar ziet de site ook niet geheel slecht uit.

Maar met gifjes worden de plaatjes echt niet mooi. Had ik al geprobeerd.

Reducing png ga ik nu checken thanks.