Handleiding foto s comprimeren

Transcriptie

1 Iedereen is mobiel Google zet mobielvriendelijke websites hoger Handleiding foto s comprimeren Vele malen gebruiksvriendelijker De perfecte website voor alle apparaten Perfect zichtbaar op alle mobiele apparaten Makkelijk zelf te beheren CMS systeem Professioneel design [email protected] Frederiksplein Frederiksplein 1-5, 1-5, XK XK Amsterdam Amsterdam [email protected] 1

2 1: INTRODUCTIE Afbeeldingen comprimeren of verkleinen is belangrijk voor je website. Het komt vaak voor dat er afbeeldingen op websites worden geplaatst die erg groot zijn. Dit gaat ten koste van de snelheid van je website. Door je afbeeldingen te comprimeren houd je een snelle website! Lees hieronder de opties om afbeeldingen te comprimeren. 2.2 Slepen Sleep je foto s in het vakje of druk op de afbeelding in het midden en zoek jeafbeeldingen op. TIP: Als je shift ingedrukt houdt kun je meerdere foto s tegelijkertijd selecteren. 2: VOOR BEGINNERS 2.1 Website bezoeken Bezoek deze website: Tiny PNG 2.3 Opslaan Als de afbeelding klaar is krijg je dit scherm en kun je deze downloaden door op download all te klikken. Ondertussen kun je alweer nieuwe afbeeldingen in het vakje slepen. Downloaden 2

3 3: VOOR GEVORDERDEN Afbeeldingen comprimeren of verkleinen is belangrijk voor je website. Het komt vaak voor dat er afbeeldingen op websites worden geplaatst die erg groot zijn. Dit gaat ten koste van de snelheid van je website. Door je afbeeldingen te comprimeren houd je een snelle website! Lees hieronder de opties om afbeeldingen te comprimeren. 3.1: PHOTOSHOP (OPSLAAN VOOR WEB) Om de kwaliteit van de foto te behouden maar een veel kleiner bestand te krijgen gebruiken we de optie: Opslaan voor web (Safe for web) 3.Gebruik JPG voor foto s en PNG voor bijvoorbeeld illustraties en logo s 4.Druk op Opslaan en zoek de juiste map op om het bestand op te slaan 1: Open de foto in Photoshop 2: Ga via bestand>exporteren naar opslaan voor web 3

4 4: AFBEELDING COMPRIMEREN Op sommige websites hoeven de afbeeldingen helemaal niet zo groot qua formaat te zijn. Meeste foto s die met een camera worden gemaakt zijn groter dan op een website kan worden getoond. Denk bijvoorbeeld aan een fotoalbum of een slider. Om de website snel te houden maken we de afbeeldingen kleiner. 3: Pas de breedte aan van de afbeelding naar de gewenste grootte. De hoogte schaalt in dit geval automatisch mee. Voor sliders is 1920 pixels breed prima. Op andere plekken kan je deze zelfs schalen naar 800px breed. 4: Druk op Oke en sla de afbeelding op 1: Open de foto in Photoshop 2.Ga via afbeeldingen naar: afbeeldingsgrootte 4

5 4: HELE MAP TEGELIJK VERKLEINEN In Photoshop zit ook een optie om een batch aan te maken, hierbij wordt een handeling opgeslagen die op de gehele map wordt toegepast. In dit voorbeeld worden alle afbeeldingen 300px breed gemaakt. 4.Klik op het mapje en maak een nieuwe map aan 1: Sla afbeeldingen op in 1 map, MAAK EEN KOPIE! 2: Open nu de eerste foto van de map 3: Open het venster: Handelingen 5: Maak in deze map een nieuwe handeling door op de afbeelding ernaast te klikken die eruitziet als een nieuwe laag. Druk vervolgens op Opnemen! Vanaf nu slaat hij alles op wat je doet. 6: Verklein de afbeelding naar 300px breed (uitgelegd in vorige hoofdstuk) 7: Sla de afbeelding nu op en vervang hiermee het oude bestand. 5

6 8: Sluit het bestand door op het kruisje, let op! Dit mag niet vergeten worden 9: Stop nu de handeling door op het vierkantje te klikken. Je eerste handeling is nu opgeslagen. 10: Nu gaan we deze handeling toepassen op elke afbeelding uit deze map. 11: Ga naar bestand>automatisch en klik op Batch. 12.Je krijgt nu dit venster in beeld. Open de set en de handeling die je net hebt aangemaakt. Vervolgens selecteer je de map waar je deze handeling wilt toepassen. 13: Sla de fouten op in een logboek. 14: Druk op OK 15:De batch begint en zal uit zichzelf alle afbeeldingen openen en verkleinen naar 300px breed. Batchen vergt veel werkgeheugen op de computer. Het beste is om hiernaast geen zware programma s te draaien 6