Online marketing & salg på webshops & websites

Svar: Side loader ikke hurtigt

Teddy Carlsen — Sat, 29 Jun 2013 11:40:40 GMT

Lyder spændende, men nu er jeg ikke ude i at skrive en algoritme, men finde måder at spare båndbrede hvis det er muligt ;)

Kunne du lave et eksempel med det 129 kb billed jeg har lavet tidligere??

Teddy

Svar: Side loader ikke hurtigt

Lucas - PerfGrid — Sat, 29 Jun 2013 11:13:17 GMT

Teddy Carlsen:

Lucas - Hosting4Real:
Billeder indenholder ofte exif data, som egentligt er data du kan fjerne.

Det er jo så ikke komprimering, at fjerne den data, giver selvfølgelig noget. Men i forhold til et stort billed, er informationen en lille del af den samlede mængde data.

Har du nogle eksempler??

Teddy

Data compression = forminske mængden af bytes fra den originale data kilde, ved enten at pakke dataen ned, eller fjerne udnødvendig data, så jo det er compression :)

exif data fylder ikke meget, men du har meget meta data i billeder udover exif du kan fjerne.

Jo større et billed er, jo mere meta data indenholder et billed også, som regl 15-25% af et billed, hvis det er originalt, vil være unødig data som du kan fjerne.

Eksempel, er alle billeder på ggg.com, agame.com, a10.com, gamesgames.com, zibbo.com etc, som alle er igang med at blive optimeret lossless - hvor jeg som tidligere nævnt har en gennemsnits optimeringsrate på 24% af 78mil billeder - kan være den falder eller stiger lidt da vi stadig har små 165mil billeder tilbage at optimere :)

Generelt, metadata, (exif data, ICC, og en del andre oplysninger om hvordan billedet er bygget op), gamma switching, og ændring af hvordan billedet rendere, giver alt sammen en reduction af størrelsen, uden at pårøre kvaliteten.

PNG, kan du simpelt gøre det samme, men også lave en recompression, og recalculation af billedets struktur, og pakke det sammen igen - derfor er det muligt lossless (selv med store billeder) at spare oftest op til 1/4 af billedets størrelse fra originalen.

Hvis du læser lidt om hvordan de forskellige billedformater virker, og hvordan dataen er sammensat, så kan du også se hvor du kan spare det meste af din data, og ved at lave services der automatisere disse optimeringer.

Kræver dog du skriver din egen compression algorithms for at få mest muligt data ud af filer :) Findes sikkert nogle open source programmer/services der giver nogle af disse optimeringer, men langt fra alle gør det godt :) Desværre

Svar: Side loader ikke hurtigt

Teddy Carlsen — Sat, 29 Jun 2013 10:50:06 GMT

Lucas - Hosting4Real:
Billeder indenholder ofte exif data, som egentligt er data du kan fjerne.

Det er jo så ikke komprimering, at fjerne den data, giver selvfølgelig noget. Men i forhold til et stort billed, er informationen en lille del af den samlede mængde data.

Har du nogle eksempler??

Teddy

Svar: Side loader ikke hurtigt

Lucas - PerfGrid — Sat, 29 Jun 2013 10:48:14 GMT

Teddy Carlsen:

Prøv og åben dem i hver sin fane og se om du kan se forskel??

Smush it giver ikke en nævnenværdig forskel i størrelse, slet ikke på det mest komprimerede billed.

Teddy

Nu er smushit heller ikke særlig god

Svar: Side loader ikke hurtigt

Mads Herlev — Sat, 29 Jun 2013 10:43:23 GMT

Teddy Carlsen:
Det undre mig dog at den loader 17 stylesheets??

Aner ikke hvorfor :-)

Har ikke en skid forstand på det :D

Svar: Side loader ikke hurtigt

Teddy Carlsen — Sat, 29 Jun 2013 10:30:08 GMT

Resultatet på 129 kb.

Original på 826 kb.

Prøv og åben dem i hver sin fane og se om du kan se forskel??

Smush it giver ikke en nævnenværdig forskel i størrelse, slet ikke på det mest komprimerede billed.

Teddy

Svar: Side loader ikke hurtigt

Teddy Carlsen — Sat, 29 Jun 2013 10:28:16 GMT

Jeg har taget et oprindeligt billed på 826kb.

Ved at køre det igennem Smush it, giver det en reduktion på 39 kb. og lander på en filstørrelse på 787 kb.

Med Photoshop og den kraftigste komprimering, der giver acceptablel kvalitet lander det på 129 kb(Hvis det køres igennem Smush it kan det reduceres med 3 kb.).

Svar: Side loader ikke hurtigt

Mr.Deal — Sat, 29 Jun 2013 10:07:13 GMT

Smid billederne igennem http://www.smushit.com/ysmush.it/ efter save to web i photoshop.

Svar: Side loader ikke hurtigt

Teddy Carlsen — Sat, 29 Jun 2013 10:01:07 GMT

Hvorfor er det du syntes din side loader langsomt??

Billederne i slideren er ikke vildt store, og burde fungere.

Totalen af siden er måske lidt til den gode side, men ikke alarmerende??

Det undre mig dog at den loader 17 stylesheets??

Teddy

Svar: Side loader ikke hurtigt

Lucas - PerfGrid — Sat, 29 Jun 2013 09:57:54 GMT

Teddy Carlsen:

Lucas - Hosting4Real:
Det kan sagtens lade sig gøre at gøre et billed mindre uden at miste kvalitet, dette er kaldet lossless image compression, og der findes mange måder at gøre det på. Nogle mere effektive end andre.

Det må du endelig uddybe!!

Teddy

Billeder indenholder ofte exif data, som egentligt er data du kan fjerne.

Dataen du ofte kan have er ting som kamera model, timestamp, nummer, exposure time, flash, exif resolution, billed kvalitet etc, udover det ligger der en masse data omkring din gamma i billedet, som du kan bytte rundt på, ved at ændre gamma, kan du beholde kvaliteten af billedet, men du kan reducere størrelsen utrolig meget.

ved png billeder, kan du uncompress billederne, lave samme optimering, og så recompress det med en bedre compression metode, udover det kan du endda fjerne mimetype og colorprofile i billederne, først og fremmest fordi at colorprofile i billeder burde ikke eksistere hvis du bruger det for web. For det andet, fjerne mimetype fordi webserveren sender den alligevel baseret på extension - så her der spare du endnu bytes.

Jeg har lavet en optimeringsservice, der både kan lave lossless men også lossy compression - og rigtig mange billeder med lossless optimization, ser vi forbedringer på 24% gennemsnit, for nuværende 78.000.000 billeder, dvs ingen kvalitetsforandring, udelukkende fjernelse af data som ikke skal bruges.

Så du kan finde noget på lossless optimization, men at lave lossy optimizations vil altid være bedre ;)

Og det er utrolig nemt at automatisere services som dette, da det i sidste ende bare er beregninger og recompression etc.

Svar: Side loader ikke hurtigt

Mads Herlev — Sat, 29 Jun 2013 09:49:02 GMT

Uddyb Lucas :D

Problemet i mit tilfælde er at jeg måske har 5 billeder i slideren, så skal den loade 5 store billeder. Det bliver meget tungt. Overvejer også at skille mig af med slideren, men jeg så helst at den kunne blive og billederne kunne fylde mindre.

Svar: Side loader ikke hurtigt

Teddy Carlsen — Sat, 29 Jun 2013 09:41:15 GMT

Lucas - Hosting4Real:
Det kan sagtens lade sig gøre at gøre et billed mindre uden at miste kvalitet, dette er kaldet lossless image compression, og der findes mange måder at gøre det på. Nogle mere effektive end andre.

Det må du endelig uddybe!!

Teddy

Svar: Side loader ikke hurtigt

Lucas - PerfGrid — Sat, 29 Jun 2013 09:32:36 GMT

Teddy Carlsen:

Det kan ikke lade sig gøre at gøre et billed mindre uden at miste kvalitet, fidusen er at vælge et format og en indstilling der kan præstere en reduktion i kvalitet uden at det kan ses.

Photoshop er løsningen, ved at bruge save for web kan man sammenligne forskellige filformater og indstillinger og vælge det bedste.

Det kan ikke automatiseres, det skal gøres manuelt da det er øjet der afgør valget.

Det kan sagtens lade sig gøre at gøre et billed mindre uden at miste kvalitet, dette er kaldet lossless image compression, og der findes mange måder at gøre det på. Nogle mere effektive end andre.

Photoshop er nemlig lige præcis ikke løsningen, da photoshop tilføjer en masse meta data som kan spares væk.

Og det kan sagtens automatiseres, grundet af første punkt.

Svar: Side loader ikke hurtigt

Teddy Carlsen — Sat, 29 Jun 2013 09:25:27 GMT

Save for web tutorial.

Teddy

Svar: Side loader ikke hurtigt

Mads Herlev — Sat, 29 Jun 2013 09:12:29 GMT

Hej.

Frands:
Hvilke billeder er der tale om? Kan du prøve at komme med nogle konkrete links, så er det nemmere at komme med et par konkrete råd ;)

Det kan du tro :) Det drejer sig om billederne i slideren her http://www.babytoys.dk/shop/frontpage.html