Afbeeldingen opslaan voor internet in Photoshop

Een van de meer essentiële functies die Photoshop biedt, is de functie Opslaan voor web / apparaten .

Waarom zou je het gebruiken? Terwijl u uw bestand gewoon kunt opslaan met een standaardmethode, zoals Bestand / Opslaan als , heeft de functie Opslaan voor web / apparaten drie cruciale dingen.

Deze tool werkt geweldig voor het uitvoeren van Twitter-pictogrammen, Facebook-profielfoto's, productbestanden, blogafbeeldingen en bronbestanden voor favicons.

  • 01 - Open uw bronbestand

    Bestand / Open Photoshop. Screenshot van Bryan Haines

    Om te beginnen, moet je naar Bestand / Openen gaan om je bestand te openen. Het kan in elk formaat zijn - jpg, gif, psd, png of anderen. Zolang Photoshop het kan openen, kunt u het voor het web uitvoeren.

  • 02 - Uw bestand opslaan voor internet

    Bestand Opslaan Photoshop CS5. Screenshot van Bryan Haines

    We gaan verder met sparen voor het web, ervan uitgaande dat u de benodigde aanpassingen hebt doorgevoerd. Vanzelfsprekend, als je de afbeelding moet bewerken, doe dat dan eerst en ga verder met deze stap later.

    Ga naar Bestand / Opslaan voor web / apparaten en klik op. Het is ongeveer halverwege het drop-down menu.

    Dit proces verandert het oorspronkelijke bestand helemaal niet. U maakt een nieuw bestand aan. Zodra u deze zelfstudie hebt voltooid en terugkeert naar uw oorspronkelijke afbeelding in Photoshop, moet u dat bestand opslaan als u er wijzigingen in hebt aangebracht. Het is belangrijk om uw nieuwe afbeelding een andere naam te geven dan uw originele afbeelding. Vaak zal het simpelweg toevoegen van _web aan de bestandsnaam goed werken. (voorbeeld: filename_web.jpg)

  • 03 - Compensatieweergave instellen op 2-op-1

    Side-by-side vergelijking Photoshop CS5. Screenshot van Bryan Haines

    Afhankelijk van uw instellingen, moet u mogelijk de weergave hier aanpassen. Wat je wilt is een links en rechts vergelijking van je afbeelding. De linkerkant toont het origineel, de rechterkant toont de beeldkwaliteit bij de huidige instellingen.

    Als u langs de bovenkant van het venster kijkt, ziet u de volgende opties: Origineel, Geoptimaliseerd, 2-up, 4-up. Voor de meeste doeleinden is 2-Up wat u wilt.

  • 04 - Stel je kijkgrootte in op 100%

    Weergave aanpassen tot 100% in Photoshop CS5. Screenshot van Bryan Haines

    Controleer de optie in de linkerbenedenhoek van het scherm om zeker te zijn dat u 100% bekijkt.

    Het is belangrijk om te onthouden dat als je je afbeelding hoger dan 100% bekijkt, deze korrelig of mogelijk zelfs niet te ontcijferen zal lijken. Werk altijd met het beeld op 100%.

  • 05 - Kies bestandsdimensies

    Bestandsafmetingen kiezen in Photoshop CS5. Screenshot van Bryan Haines

    Afmetingen voor het web zijn bijna altijd in pixels (px). Het is belangrijk om de verhoudingen correct te houden. Naast de afbeelding is een kleine afbeelding van een kettingschakel. Wat dat doet is de breedte schalen wanneer u de hoogte aanpast. Een afbeelding die bijvoorbeeld 600px bij 400px is. Als u de breedte verkleint tot 300 px, wordt het bestand automatisch geschaald naar een hoogte van 200 px. Als het niet is aangevinkt, zal de afbeelding vervormd zijn.

    U hebt ook de mogelijkheid om de afbeelding met percentages te schalen.

  • 06 - Kies het bestandstype voor export

    Het bestandstype kiezen voor export in Photoshop CS5. Screenshot van Bryan Haines

    In deze optie maakt het type origineelbestand niet uit. U kunt kiezen welk bestand u nodig heeft.

    Opmerking: om het proces te starten, moet je op de afbeelding rechts klikken. De afbeelding moet worden geselecteerd om te worden verwerkt.

    De meest voorkomende is jpg voor het web - het is het kleinste bestandsformaat, wat betekent dat het sneller wordt gedownload voor bezoekers van uw site. Als u transparantie hebt, kiest u png-24. Als je niet weet wat transparantie betekent, moet je jpg kiezen.

  • 07 - Kies Beeldkwaliteit

    Kies Afbeeldingskwaliteit in Photoshop CS5. Screenshot van Bryan Haines

    Elk van de drie jpg-opties (Hoog, Gemiddeld, Laag) heeft vooraf ingestelde kwaliteitsinstellingen - die allemaal handmatig kunnen worden aangepast. Als u voor 100% kijkt, kunt u beslissen welke kwaliteit u nodig hebt. Zie stap 5 om het zoomniveau aan te passen. De afbeelding ziet er hetzelfde uit als in het voorbeeldvenster.

    Als je iets anders dan jpg hebt gekozen, kun je deze stap overslaan.

  • 08 - Bewaar uw bestand

    Sla uw bestand op in Photoshop CS5. Screenshot van Bryan Haines

    Zodra u de nodige aanpassingen hebt gedaan, bent u klaar om het bestand op te slaan. Klik op "Opslaan" en kies de gewenste map en bestandsnaam voor deze nieuwe afbeelding.

    Hartelijk gefeliciteerd! Uw nieuwe bestand is klaar om online te worden gebruikt.