Hostdeko webhosting: Sneller dan de concurrentie, CO2 neutraal en klantgericht.
Vraag
Beste antwoord (via sdk1985 op 07-06-2016 00:29)
:strip_icc():strip_exif()/u/2365/moonflag.jpg?f=community)
Alle reacties
:strip_exif()/u/26632/dosprompt2.gif?f=community)
Hostdeko webhosting: Sneller dan de concurrentie, CO2 neutraal en klantgericht.
/u/142011/crop65b383c6c6c2f_cropped.png?f=community)
:strip_icc():strip_exif()/u/162143/crop5b6d888e9cc79_cropped.jpeg?f=community)
Het resultaat telt en niet de score 
Gewoon een tool als tinypng gebruiken en klaar, dat scheelt al een hele hoop.
Gewoon een tool als tinypng gebruiken en klaar, dat scheelt al een hele hoop.
www.maartendeboer.net
1D X | 5Ds | Zeiss Milvus 25, 50, 85 f/1.4 | Zeiss Otus 55 f/1.4 | Canon 200 f/1.8 | Canon 200 f/2 | Canon 300 f/2.8
:strip_exif()/u/50656/andre-scholten-avatar.gif?f=community){kind=avatar}
Inderdaad, al die moeite voor 25kb... Die score wordt veels te belangrijk gemaakt. De beste tip is om er een sprite van te maken, dat scheelt een aantal connecties wat je vooral op mobiel kunt merken.:
Het resultaat telt en niet de score
Hostdeko webhosting: Sneller dan de concurrentie, CO2 neutraal en klantgericht.
Tsja, het is maar waar je waarde aan hecht. Real world prestaties of een cijfertje
Zie het als leidraad en vooral niet meer dan dat. Probeer de dingen op te pakken die nog een melding geven maar meldingen over het reduceren van de bestandsgrootte kun je na het minificeren wel negeren.
www.maartendeboer.net
1D X | 5Ds | Zeiss Milvus 25, 50, 85 f/1.4 | Zeiss Otus 55 f/1.4 | Canon 200 f/1.8 | Canon 200 f/2 | Canon 300 f/2.8
Mja de pagina zelf zat al op 490ms (waar tweakers FrontPage bijvoorbeeld 1.24s is). Dit gaat daar niet echt iets merkbaars aan veranderen. Maar ik kreeg het als feedback, dus ik probeer het iets beter te krijgen. Ik had er nog helemaal niks aan gedaan. Dus ik ga er gewoon even mee aan de slag 
.
Ondertussen ben ik er uit wat Google van mij wilde. Dat was PNG-8 gebruiken. De meldingen op de 4 plaatjes zijn nu weg. Heb meteen maar even een css minify gedaan en ben van 85 naar 90 gestegen.
Toen ik de javascript probeerde mee te pakken werkte het menu niet goed meer dus ik denk dat ik die even laat zitten
.
Heb je ook zo'n tooltje voor jpg
?
.Ondertussen ben ik er uit wat Google van mij wilde. Dat was PNG-8 gebruiken. De meldingen op de 4 plaatjes zijn nu weg. Heb meteen maar even een css minify gedaan en ben van 85 naar 90 gestegen.
Toen ik de javascript probeerde mee te pakken werkte het menu niet goed meer dus ik denk dat ik die even laat zitten
.Klinkt interessant, ik ga er morgen eens naar kijken. Heb nog wel meer plaatjes. Nu heb ik het "handmatig" gedaan omdat het er maar 4 waren. Maar ik heb ook nog een website met honderden png plaatjes. Daar zag ik het al niet voor zitten, wellicht dat met een dergelijk tooltje het wel haalbaar is.
Heb je ook zo'n tooltje voor jpg
?
[ Voor 48% gewijzigd door sdk1985 op 07-06-2016 00:30 ]
Hostdeko webhosting: Sneller dan de concurrentie, CO2 neutraal en klantgericht.
Hostdeko webhosting: Sneller dan de concurrentie, CO2 neutraal en klantgericht.
Met nog wat zoekwerk kom ik voor Windows op de tool FileOptimizer en voor Mac op ImageOptim.
Dan kun je wat makkelijker via een GUI meer bestanden optimizen in plaats van met batchbestanden o.i.d. te moeten werken, alhoewel je ook wel iets met drag-drop zou moeten kunnen doen op command-line tools.
/edit Oh, ik zie nu dat ze ook drag-drop doen op die site die ik al eerder vermeldde, bijv: http://css-ig.net/fast-image-optimizer en http://css-ig.net/ect . Ik zou die site gewoon eens doorspitten. Voor JPEG staat er ook e.e.a. op
Dan kun je wat makkelijker via een GUI meer bestanden optimizen in plaats van met batchbestanden o.i.d. te moeten werken, alhoewel je ook wel iets met drag-drop zou moeten kunnen doen op command-line tools.
/edit Oh, ik zie nu dat ze ook drag-drop doen op die site die ik al eerder vermeldde, bijv: http://css-ig.net/fast-image-optimizer en http://css-ig.net/ect . Ik zou die site gewoon eens doorspitten. Voor JPEG staat er ook e.e.a. op
[ Voor 22% gewijzigd door Eegee op 07-06-2016 22:38 ]
:strip_icc():strip_exif()/u/193558/crop5639fc9f0a2f3_cropped.jpeg?f=community)
In dit geval is er ook nog een website die ik sinds 2013 doe waar circa 1500 plaatjes op staan. Die ga je niet even allemaal door photoshop halen
.Maar de bedoeling was inderdaad dat alles wat ik vanaf nu maak in de toekomst niet opnieuw moet worden 'behandeld'.
[ Voor 10% gewijzigd door sdk1985 op 08-06-2016 22:39 ]
Hostdeko webhosting: Sneller dan de concurrentie, CO2 neutraal en klantgericht.
Dat kun je gemakkelijk met 1 batch in Photoshop doen. Daar is het immers voor gemaakt. RTFM:
[...]
In dit geval is er ook nog een website die ik sinds 2013 doe waar circa 1500 plaatjes op staan. Die ga je niet even allemaal door photoshop halen
PS is niet echt geschikt voor het comprimeren van PNG plaatjes en totaal niet vergelijkbaar met tools als pngmin of tinypng. RTFM lijkt me dus wat bot
Kijk naar task runners als Grunt / Gulp, die zijn daar perfect voor, zelfs al is het maar éénmalig.
www.maartendeboer.net
1D X | 5Ds | Zeiss Milvus 25, 50, 85 f/1.4 | Zeiss Otus 55 f/1.4 | Canon 200 f/1.8 | Canon 200 f/2 | Canon 300 f/2.8
Is RTFM niet altijd bot, ongeacht de context? Het staat immers voor Read the Fucking Manual. Of is dat normaal op Webdesign, Markup & Clientside Scripting? Ik kom hier niet zo vaak .
.
[ Voor 16% gewijzigd door sdk1985 op 09-06-2016 01:49 ]
Hostdeko webhosting: Sneller dan de concurrentie, CO2 neutraal en klantgericht.
Het komt best vaak voor dat mensen niet willen lezen en zich er makkelijk van af willen maken, vandaar dat RTFM vaak best wel op zijn plaats is en al niet eens meer als zo bot wordt gezien (althans niet door mij), mits het terecht is uiteraard.:
Is RTFM niet altijd bot, ongeacht de context? Het staat immers voor Read the Fucking Manual. Of is dat normaal op Webdesign, Markup & Clientside Scripting? Ik kom hier niet zo vaak
www.maartendeboer.net
1D X | 5Ds | Zeiss Milvus 25, 50, 85 f/1.4 | Zeiss Otus 55 f/1.4 | Canon 200 f/1.8 | Canon 200 f/2 | Canon 300 f/2.8
/u/57387/claimedavatar-70.png?f=community){kind=avatar}
Ik moet zeggen dat mijn Photoshop skills aardig vooruit zijn gegaan het laatste jaar. Met name het combineren van de crop tool met save for web bespaart veel tijd.
In het verleden was ik vaak aan het canvas sizen en image resizen. Daarna deed ik een save as voor zowel jpg als png (via een action), dan keek ik welke het kleinste was. Vervolgens ging ik dan dan later nog "smushen". Met die Save for web zie je meteen je filesize en heb je image resize niet meer nodig. Bovendien hoef je niet meer te smushen.
Alleen liep ik nu dus tegen plaatjes aan waarbij het blijkbaar niet goed genoeg was, vandaar dit topic. De reden was dus het bestaan van png-8. Voortaan logo's dus even met png8 doen.
Batch ben ik tot heden geen groot fan van. Ik heb altijd ruzie met hoe hij de files opslaat. Soms wordt alles raar met copy, soms overschrijft hij gewoon één bestand en heb je dus niks. Achteraf aanpassen van een filename regel binnen een action lijkt ook onmogelijk. Online tutorials zijn vrijwel altijd even dramatisch.
In het verleden was ik vaak aan het canvas sizen en image resizen. Daarna deed ik een save as voor zowel jpg als png (via een action), dan keek ik welke het kleinste was. Vervolgens ging ik dan dan later nog "smushen". Met die Save for web zie je meteen je filesize en heb je image resize niet meer nodig. Bovendien hoef je niet meer te smushen.
Alleen liep ik nu dus tegen plaatjes aan waarbij het blijkbaar niet goed genoeg was, vandaar dit topic. De reden was dus het bestaan van png-8. Voortaan logo's dus even met png8 doen
.Batch ben ik tot heden geen groot fan van. Ik heb altijd ruzie met hoe hij de files opslaat. Soms wordt alles raar met copy, soms overschrijft hij gewoon één bestand en heb je dus niks. Achteraf aanpassen van een filename regel binnen een action lijkt ook onmogelijk. Online tutorials zijn vrijwel altijd even dramatisch.
[ Voor 30% gewijzigd door sdk1985 op 09-06-2016 16:38 ]
Hostdeko webhosting: Sneller dan de concurrentie, CO2 neutraal en klantgericht.
:strip_exif()/u/21451/spinal150.gif?f=community)
:strip_icc():strip_exif()/u/289675/crop6401bf2c85501_cropped.jpg?f=community)
Pagina: 1