Hoe PNG-afbeeldingen voor het web in Photoshop CS4 te optimaliseren

Schrijver: Carl Weaver
Datum Van Creatie: 27 Februari 2021
Updatedatum: 5 Januari 2025
Anonim
Photoshop CS4 Optimize and save for web
Video: Photoshop CS4 Optimize and save for web

Inhoud

Bij het optimaliseren van afbeeldingen voor het web, moet elke afbeelding afzonderlijk worden behandeld om een ​​goede balans te hebben tussen kwaliteit en bestandsgrootte. Adobe Photoshop CS4 maakt gebruik van twee PNG-varianten. De PNG-24, die vele kleuren en PNG-8 kan bevatten, die veel kleinere bestanden genereert. Dit betekent dat PNG-8-afbeeldingen sneller worden geladen, maar ze bevatten niet het volledige kleurenbereik dan de PNG-24-afbeeldingen die zijn opgeslagen. Photoshop CS4 heeft de optie 'Opslaan naar web en apparaten' waarmee u eenvoudig afbeeldingen voor internet kunt optimaliseren.


routebeschrijving

  1. Open een afbeelding in Adobe Photoshop CS4.

  2. Klik op het menu "Bestand" en selecteer "Opslaan naar web en apparaten".

  3. Zoom in of uit om de afbeelding te bekijken door op de vervolgkeuzelijst in de linkerbenedenhoek van het venster te klikken. U kunt een percentage invoeren of een van de voorgestelde in dit menu selecteren.

  4. Selecteer "PNG-24" als bestandstype in het vervolgkeuzemenu aan de rechterkant van het venster.

  5. Selecteer het tabblad '4-up afdrukken' boven het voorbeeld. Hiermee wordt het voorbeeldvenster gewijzigd, waardoor het originele beeld, opgeslagen in PNG-24 en twee andere formaten naast elkaar, kan worden bekeken.

  6. Configureer het PNG-24-bestand met de opties aan de rechterkant van het venster, vergelijk de afbeeldingskwaliteit met het origineel en let op de grootte van het bestand.

  7. Klik op een van de voorbeeldvensters anders dan de originele afbeelding of PNG-24. Wijzig het formaat ervan in PNG-, 8 in het vervolgkeuzemenu.


  8. Configureer het PNG-8-bestand met de opties aan de rechterkant van het venster, vergelijk de afbeeldingskwaliteit met het origineel en het PNG-24-bestand en let op de bestandsgrootte.

  9. Selecteer "Perceptive" om prioriteit te geven aan kleuren waarvoor het menselijk oog het meest gevoelig is.

  10. Selecteer "Selectief" om een ​​groter bereik te gebruiken dan de optie "Perceptueel".

  11. Selecteer 'Adaptief' om de voorkeur te geven aan de kleuren die het meest in de afbeelding worden gebruikt.

  12. Selecteer "Aangepast" om het kleurenpalet handmatig in de kleurentabel te wijzigen.

  13. Selecteer "Transparantie" om transparante pixels in de afbeelding te behouden. Klik op "Matte" om de transparante pixels te vervangen door een kleur en kies vervolgens de kleur die u wilt gebruiken.

  14. Selecteer de afbeelding met het kleinste formaat tegelijk en het is trouwer aan het originele beeld.