Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Photoshop, webdesign - optimalisatieopties voor webafbeeldingen

2,144 views

Published on

Published in: Education
  • Be the first to comment

  • Be the first to like this

Photoshop, webdesign - optimalisatieopties voor webafbeeldingen

  1. 1. PHOTOSHOP CS4 GEBRUIKEN 570 Webafbeeldingen Optimalisatieopties voor webafbeeldingen Webafbeeldingsindelingen De webafbeeldingsindelingen zijn bitmap (raster) of vector. De bitmapindelingen, GIF, JPEG, PNG en WBMP, zijn afhankelijk van de resolutie. Dit wil zeggen dat de afmetingen van een bitmapafbeelding, en mogelijk de afbeeldingskwaliteit, zullen veranderen bij verschillende monitorresoluties. De vectorindelingen, SVG en SWF, zijn niet afhankelijk van de resolutie en kunnen worden vergroot of verkleind zonder dat de afbeeldingskwaliteit verloren gaat. De vectorindelingen kunnen ook rastergegevens bevatten. U kunt alleen in Adobe Illustrator exporteren van Opslaan voor web en apparaten naar SVG en SWF. Optimalisatieopties voor JPEG JPEG is de standaardindeling voor compressie van continutoonafbeeldingen, zoals foto’s. Bij het optimaliseren van een afbeelding in JPEG-indeling wordt uitgegaan van compressie met verlies waarbij gegevens selectief worden verwijderd. Opmerking: Omdat afbeeldingsgegevens verloren gaan als u een bestand in de JPEG-indeling opslaat, is het een goed idee om het bronbestand in zijn originele indeling (bijvoorbeeld Photoshop .PSD) op te slaan als u het bestand verder wilt bewerken of extra JPEG-versies wilt maken. C A B Optimalisatie-instellingen voor JPEG A. Menu Bestandsindeling B. Menu Compressiekwaliteit C. Menu Optimaliseren Kwaliteit Hiermee bepaalt u het compressieniveau. Bij een hogere instelling voor Kwaliteit behoudt het compressiealgoritme meer details. Een hogere instelling voor Kwaliteit leidt echter tot een groter bestand dan een lagere instelling voor Kwaliteit. Bekijk het geoptimaliseerde bestand bij verschillende kwaliteitsinstellingen om vast te stellen wat de beste verhouding is tussen kwaliteit en bestandsgrootte. Optimaal Hiermee maakt u een verbeterde JPEG met een iets kleinere bestandsgrootte. De geoptimaliseerde JPEG- indeling wordt aanbevolen voor maximale bestandscompressie. Deze functie wordt door sommige oudere browsers echter niet ondersteund. Progressief Hiermee wordt de afbeelding op progressieve wijze geladen in een webbrowser. De afbeelding wordt weergegeven als een reeks lagen, waardoor een versie van de afbeelding in lage resolutie kan worden bekeken voordat de hele afbeelding is geladen. Voor de optie Progressief dient een geoptimaliseerde JPEG-indeling te worden gebruikt. Opmerking: Voor het weergeven van progressieve JPEG-bestanden is meer RAM nodig. Bovendien wordt deze mogelijkheid niet door alle browsers ondersteund. Vaag Hiermee geeft u aan hoe sterk u de afbeelding wilt laten vervagen. Met de optie Vervagen wordt een effect toegepast dat vergelijkbaar is met het filter Gaussiaans vervagen en kan het bestand verder worden gecomprimeerd, waardoor de bestandsgrootte afneemt. Een instelling tussen 0,1 en 0,5 wordt aanbevolen.
  2. 2. PHOTOSHOP CS4 GEBRUIKEN 571 Webafbeeldingen Kleurprofiel insluiten (Photoshop) of ICC-profiel (Illustrator) Kies deze optie om de kleurprofielen in het geoptimaliseerde bestand te behouden. Er zijn browsers die kleurprofielen gebruiken voor kleurcorrectie. Matte Geeft een opvulkleur op voor pixels die transparant waren in de oorspronkelijke afbeelding. Klik op het staal Matte om een kleur te kiezen in de kleurenkiezer of kies een optie in het menu Matte: Kleur pipet (om de kleur in het voorbeeldvak van het pipet te gebruiken), Voorgrondkleur, Achtergrondkleur, Wit, Zwart of Overig (als u de kiezer wilt gebruiken). Opmerking: De opties Voorgrondkleur en Achtergrondkleur zijn alleen beschikbaar in Photoshop. Volledig transparante pixels in de oorspronkelijke afbeelding worden opgevuld met de geselecteerde kleur. Gedeeltelijk transparante pixels in de oorspronkelijke afbeelding worden gemengd met de geselecteerde kleur. Zie ook “Een afbeelding voor het web optimaliseren” op pagina 565 Optimalisatieopties voor GIF- en PNG-8 GIF is de standaardindeling voor compressie van afbeeldingen met effen kleuren en duidelijke details, zoals lijnpatronen, logo’s of illustraties met tekst. De PNG-8-indeling comprimeert, net als de GIF-indeling, efficiënt vlakken met dezelfde kleur terwijl de scherpe details behouden blijven. PNG-8- en GIF-bestanden ondersteunen 8-bits kleur, waardoor ze 256 kleuren kunnen weergeven. De methode om vast te stellen welke kleuren u dient te gebruiken, wordt indexeren genoemd. Daarom worden afbeeldingen in GIF- en PNG-8-indeling ook wel geïndexeerde-kleurafbeeldingen genoemd. Als u een afbeelding wilt omzetten in een geïndexeerde kleur, wordt een CLUT-tabel samengesteld voor het opslaan en indexeren van de afbeeldingskleuren. Als een kleur van de oorspronkelijke afbeelding niet voorkomt in de kleurentabel, kiest de toepassing een kleur in de tabel die het dichtstbij komt of simuleert de toepassing de kleur door beschikbare kleuren te mengen. Naast de volgende opties kunt u ook het aantal kleuren aanpassen in de kleurentabel van de afbeelding. Zie “De kleurentabel aanpassen voor GIF- en PNG-8-afbeeldingen” op pagina 575. D A B C Optimalisatie-instellingen voor GIF A. Menu Bestandsindeling B. Menu Kleurenreductiemethode C. Menu Ditheringalgoritme D. Menu Optimaliseren Verlies (alleen GIF) Hiermee worden bestanden gecomprimeerd door gegevens op selectieve wijze te verwijderen. Hoe hoger de waarde bij Verlies, hoe meer gegevens worden verwijderd. U kunt vaak een waarde voor Verlies van 5-10 toepassen, en soms zelfs een waarde van 50, zonder dat de kwaliteit van de afbeelding vermindert. Met de optie Verlies kunt u de bestandsgrootte reduceren met 5 tot 40%. Opmerking: U kunt de optie Verlies niet gebruiken met de optie Interliniëring of met de ditheringalgoritmes Ruis en Patroon.
  3. 3. PHOTOSHOP CS4 GEBRUIKEN 572 Webafbeeldingen Algoritme voor kleurreductie en Kleuren Hiermee bepaalt u een methode voor het genereren van de kleurentabel en het aantal kleuren die u in de kleurentabel wilt zetten. U kunt een van de volgende kleurreductiemethoden selecteren: • Perceptueel Hiermee wordt een aangepaste kleurentabel gemaakt waarin kleuren waarvoor het menselijk oog gevoeliger is een hogere prioriteit hebben. • Selectief Hiermee wordt een kleurentabel gemaakt die vergelijkbaar is met de perceptuele kleurentabel, maar waarin brede kleurgebieden worden benadrukt en webkleuren behouden blijven. Met deze kleurentabel worden doorgaans afbeeldingen gemaakt met de grootste kleurenintegriteit. De standaardoptie is Selectief. • Aangepast Hiermee wordt een kleurentabel gemaakt door kleurmonsters te nemen uit het spectrum dat het meest voorkomt in de afbeelding. Als de afbeelding uitsluitend de kleuren groen en blauw bevat, wordt een kleurentabel gemaakt die voornamelijk uit groene en blauwe kleurtonen bestaat. In de meeste afbeeldingen overheersen kleuren uit bepaalde gebieden van het spectrum. • Gelimiteerd (internet) Hiermee wordt de standaard kleurentabel met 216 kleuren gebruikt die ook wordt gebruikt voor de 8-bitspaletten (256 kleuren) van Windows en Mac OS. Met deze optie zorgt u ervoor dat de browser geen dithering toepast op kleuren als de afbeelding wordt weergegeven in 8-bitskleuren. (Dit palet wordt ook wel het webveilige palet genoemd.) Met behulp van het webpalet kunt u grotere bestanden maken. Dit wordt alleen aanbevolen als het vermijden van browserdithering hoge prioriteit heeft. • Eigen Hierbij wordt een kleurenpalet gebruikt dat door de gebruiker is gemaakt of gewijzigd. Als u een bestaande GIF- of PNG-8-afbeelding opent, heeft deze een eigen kleurenpalet. U gebruikt het palet Kleurentabel in het dialoogvenster Opslaan voor web en apparaten om de referentiekleurentabel aan te passen. • Zwart en wit, Grijswaarden, Mac OS, Windows Hiermee wordt een palet met ingestelde kleuren gebruikt. Ditheringmethode en Dithering Bepaalt de methode en hoeveelheid toepassingsdithering. Dithering is een techniek waarmee u kleuren kunt simuleren die niet beschikbaar zijn in het systeem voor kleurenweergave van uw computer. Bij een hoger percentage voor dithering wordt de afbeelding met meer kleuren en details weergegeven, maar kan de bestandsgrootte ook toenemen. Voor een optimale compressie gebruikt u het laagste percentage dithering waarmee u het gewenste kleurendetail bereikt. Afbeeldingen die voornamelijk uit effen kleuren bestaan, worden vaak goed weergegeven als dithering wordt uitgeschakeld. Bij afbeeldingen met overvloeiende kleuren (met name kleurverlopen) kan dithering vereist zijn om streepvorming in de kleuren te voorkomen. GIF-afbeelding met 0% dithering (links) en met 100% dithering (rechts) U kunt een van de volgende ditheringmethoden selecteren: • Diffusie Hiermee past u een willekeurig patroon toe dat meestal minder opvallend is dan patroondithering. De ditheringeffecten worden verspreid over aangrenzende pixels. • Patroon Hierbij worden kleuren die niet in de kleurentabel voorkomen, nagebootst met een rasterpatroon van vierkantjes. • Ruis Hiermee past u een willekeurig patroon toe dat lijkt op diffusiedithering, maar waarbij het patroon niet over aangrenzende pixels wordt verspreid. Er verschijnen geen kleurovergangen bij de ditheringmethode Ruis.
  4. 4. PHOTOSHOP CS4 GEBRUIKEN 573 Webafbeeldingen Transparantie en Randkleur Hiermee bepaalt u hoe transparante pixels in de afbeelding worden geoptimaliseerd. • Om volledig transparante pixels transparant te maken en gedeeltelijk transparante pixels te laten overvloeien in een kleur, selecteert u Transparantie en een randkleur. • Om volledig transparante pixels uit te vullen met een kleur en gedeeltelijk transparante pixels te mengen met dezelfde kleur, kiest u een randkleur en schakelt u de Transparantie uit. • U selecteert een randkleur door op het staal Randkleur te klikken en in de kleurenkiezer een kleur te selecteren. U kunt ook een optie in het menu Matte selecteren: Kleur pipet (om de kleur in het voorbeeldvak van het pipet te gebruiken), Voorgrondkleur, Achtergrondkleur, Wit, Zwart of Overig (als u de kiezer wilt gebruiken). Opmerking: De opties Voorgrondkleur en Achtergrondkleur zijn alleen beschikbaar in Photoshop. A B C D Voorbeelden van transparantie en randkleur A. Oorspronkelijke afbeelding B. Transparantie ingeschakeld met een randkleur C. Transparantie ingeschakeld zonder randkleur D. Transparantie uitgeschakeld met een randkleur Transparantiedithering Als de optie Transparantie is ingeschakeld, kunt u een methode kiezen voor de dithering van gedeeltelijk transparante pixels: • Bij Geen transparantiedithering wordt geen dithering op gedeeltelijk transparante pixels in de afbeelding toegepast. • Met Dithering voor diffusietransparantie past u een willekeurig patroon toe dat meestal minder opvallend is dan patroon-dithering. De ditheringeffecten worden verspreid over aangrenzende pixels. Als u dit algoritme selecteert, geeft u een percentage op om de hoeveelheid dithering te bepalen die op de afbeelding wordt toegepast. • Met Dithering voor patroontransparantie wordt een rasterpatroon van vierkantjes toegepast op gedeeltelijk transparante pixels. • Met Dithering voor ruistransparantie wordt een willekeurig patroon toegepast dat lijkt op het algoritme voor diffusie, maar waarbij het patroon niet over aangrenzende pixels wordt verspreid. Er verschijnen geen kleurovergangen bij het rasteringalgoritme Ruis.
  5. 5. PHOTOSHOP CS4 GEBRUIKEN 574 Webafbeeldingen Voorbeeld van dithering voor patroontransparantie (links) en toegepast op de achtergrond van een webpagina (rechts) Interliniëring Hiermee krijgt u een versie met een lage resolutie in een browser terwijl de volledige afbeelding wordt gedownload. Door het gebruik van interliniëring kan de downloadtijd korter lijken en zien de gebruikers direct dat het downloaden bezig is. Door interliniëring kan de bestandsgrootte echter ook toenemen. Optie Web-afstemming Hiermee wordt een tolerantieniveau opgegeven waarmee kleuren worden gewijzigd in de meest gelijkende kleuren in het webpalet (en waarmee wordt voorkomen dat op de kleuren in de browser dithering wordt toegepast). Bij een hogere waarde worden meer kleuren gewijzigd. Zie ook “Een afbeelding voor het web optimaliseren” op pagina 565 Transparantie in GIF- en PNG-afbeeldingen optimaliseren Met transparantie is het mogelijk niet-rechthoekige webafbeeldingen te maken. Met de transparantie van de achtergrond blijven transparante pixels in de afbeelding behouden. Zo wordt de achtergrond van de webpagina door de transparante gedeelten van de afbeelding heen weergegeven. Met de randkleur voor achtergrond wordt de transparantie gesimuleerd doordat transparante pixels worden gevuld met een randkleur of overvloeien in een randkleur die overeen kan komen met de achtergrond van de webpagina. De randkleur voor achtergrond werkt het beste als de achtergrond van de webpagina een effen kleur is en als u weet welke kleur dit is. Gebruik de opties Transparantie en Randkleur in het dialoogvenster Opslaan voor web en apparaten als u wilt opgeven hoe transparante pixels in GIF- en PNG-bestanden worden geoptimaliseerd. • (GIF en PNG-8) Om volledig transparante pixels transparant te maken en gedeeltelijk transparante pixels te laten overvloeien in een kleur, selecteert u Transparantie en een randkleur. • Om volledig transparante pixels uit te vullen met een kleur en gedeeltelijk transparante pixels te mengen met dezelfde kleur, kiest u een randkleur en schakelt u de Transparantie uit. • (GIF en PNG-8) Om alle pixels die meer dan 50% transparant zijn te wijzigen in geheel transparante pixels en alle pixels die hoogstens 50% transparant zijn te wijzigen in volledig gedekte pixels, schakelt u Transparantie in en selecteert u Geen in het menu Randkleur. • (PNG-24) Om een afbeelding met een multiniveautransparantie (tot 256 niveaus) op te slaan, selecteert u Transparantie. De optie Randkleur is niet beschikbaar omdat een afbeelding met multiniveautransparantie kan overvloeien in elke achtergrondkleur. Opmerking: In browsers die geen PNG-24-transparantie ondersteunen, kunnen transparante pixels tegen een standaardachtergrondkleur, zoals grijs, worden weergegeven. U selecteert een randkleur door op het staal Randkleur te klikken en in de kleurenkiezer een kleur te selecteren. U kunt ook een optie in het menu Matte selecteren: Kleur pipet (om de kleur in het voorbeeldvak van het pipet te gebruiken), Voorgrondkleur, Achtergrondkleur, Wit, Zwart of Overig (als u de kiezer wilt gebruiken).
  6. 6. PHOTOSHOP CS4 GEBRUIKEN 575 Webafbeeldingen Opmerking: De opties Voorgrondkleur en Achtergrondkleur zijn alleen beschikbaar in Photoshop. De kleurentabel voor een geoptimaliseerd segment weergeven De kleurentabel voor een segment wordt weergegeven in het deelvenster Kleurentabel in het dialoogvenster Opslaan voor web en apparaten. O Selecteer een segment dat is geoptimaliseerd in GIF- of PNG-8-indeling. De kleurentabel voor het geselecteerde segment verschijnt in de kleurentabel Opslaan voor web en apparaten. Als een afbeelding meerdere segmenten bevat, kunnen de kleuren in de kleurentabel verschillen tussen segmenten (u kunt de segmenten eerst koppelen om dit te voorkomen). Als u meerdere segmenten met meerdere kleurentabellen selecteert, is de kleurentabel leeg en wordt het bericht "Gemengd" weergegeven op de statusbalk. De kleurentabel aanpassen voor GIF- en PNG-8-afbeeldingen Als u de kleuren in geoptimaliseerde GIF- en PNG 8-bestanden wilt aanpassen, gebruikt u de kleurentabel in het dialoogvenster Opslaan voor web & apparaten. Als u het aantal kleuren terugbrengt, blijft vaak de beeldkwaliteit behouden, terwijl de bestandsgrootte wordt gereduceerd. U kunt kleuren aan de tabel toevoegen, eruit verwijderen, geselecteerde kleuren verschuiven naar webveilige kleuren en geselecteerde kleuren vergrendelen om te voorkomen dat ze uit het palet worden verwijderd. Een kleurentabel sorteren Kies een sorteervolgorde in het menu van het palet Kleurentabel: • Met Niet gesorteerd wordt de oorspronkelijke sorteervolgorde hersteld. • Met Sorteren op kleurtoon sorteert u op de locatie van de kleur op de standaardkleurenschijf (uitgedrukt in een aantal graden van 0 tot 360). Neutrale kleuren hebben een kleurtoon met de waarde 0 en staan bij de rode kleurtonen. • Met Sorteren op luminantie sorteert u op de lichtheid of helderheid van een kleur. • Met Sorteren op populariteit sorteert u op de mate waarin de kleur voorkomt in de afbeelding. Een nieuwe kleur toevoegen aan de kleurentabel U kunt kleuren toevoegen die niet voorkomen in de oorspronkelijke kleurentabel. Als u een kleur aan een dynamische tabel toevoegt, wordt de kleur die het meest op de nieuwe kleur lijkt, verschoven naar de nieuwe kleur. Als u een kleur aan een vaste of eigen tabel toevoegt, wordt een aanvullende kleur aan het palet toegevoegd. 1 Als er momenteel kleuren in de kleurentabel zijn geselecteerd, kiest u alle Alle kleuren deselecteren in het menu van het palet Kleurentabellen om ze te deselecteren. 2 Kies een kleur door een van de volgende handelingen uit te voeren: • Klik op het Pipetkleurvak in het dialoogvenster Opslaan voor web en apparaten en kies een kleur in de kleurenkiezer. • Selecteer het gereedschap Pipet in het dialoogvenster Opslaan voor web en apparaten en klik op de afbeelding. 3 Voer een van de volgende handelingen uit: • Klik op de knop Nieuwe kleur in de kleurentabel. • Selecteer Nieuwe kleur in het menu van het palet Kleurentabel.
  7. 7. PHOTOSHOP CS4 GEBRUIKEN 576 Webafbeeldingen Houd Ctrl (Windows) of Command (Mac OS) ingedrukt terwijl u een nieuwe kleur toevoegt als u in de kleurentabel wilt overschakelen naar een eigen palet. De nieuwe kleur wordt in de kleurentabel weergegeven met een wit vierkantje in de rechterbenedenhoek dat aangeeft dat de kleur is vergrendeld. Als het een dynamische kleurentabel is, wordt de oorspronkelijke kleur linksboven weergegeven en de nieuwe kleur rechtsonder. Kleuren selecteren in de kleurentabel Er verschijnt een witte rand rondom geselecteerde kleuren in de Kleurentabel. • Om een kleur te selecteren klikt u op de kleur in de Kleurentabel. • Als u meerdere kleuren wilt selecteren in de kleurentabel, klikt u op deze kleuren terwijl u Shift ingedrukt houdt. Alle kleuren in de rijen tussen de eerste en tweede kleur die u hebt geselecteerd, worden geselecteerd. Om een niet- aanpalende groep kleuren te selecteren houdt u Ctrl (Windows) of Command (Mac OS) ingedrukt en klikt u met de muis op elke kleur die u wilt selecteren. Het menu van het palet Kleurentabel bevat bovendien een aantal opdrachten waarmee u kleuren kunt selecteren. • Om een kleur in de voorvertoning te selecteren klikt u in de voorvertoning met het gereedschap Pipet van Opslaan voor web en apparaten. Selecteer aanvullende kleuren met de muis terwijl u Shift ingedrukt houdt. • Als u de selectie van alle kleuren wilt opheffen, kiest u Alle kleuren deselecteren in het menu van het palet Kleurentabel. Een kleur verschuiven U kunt een geselecteerde kleur in de Kleurentabel wijzigen in elke andere RGB-kleurwaarde. Als u de geoptimaliseerde afbeelding opnieuw genereert, wordt de geselecteerde kleur gewijzigd in de nieuwe kleur op elke plaats waar deze in de afbeelding voorkomt. 1 Dubbelklik op de kleur in de kleurentabel om de standaardkleurkiezer weer te geven. 2 Selecteer een kleur. De oorspronkelijke kleur verschijnt links boven in het kleurstaal en de nieuwe kleur rechtsonder. Het vierkantje rechts onder op het kleurstaal geeft aan dat de kleur is vergrendeld. Als u een kleur verschuift naar een webveilige kleur, verschijnt een wit ruitje in het midden van het staal. 3 Om een verschoven kleur terug in de oorspronkelijke kleur te herstellen voert u één van de volgende handelingen uit: • Dubbelklik op het staal met de verschoven kleur. De oorspronkelijke kleur wordt geselecteerd in de Kleurkiezer. Klik op OK om de kleur te herstellen. • Om alle verschoven kleuren in een kleurentabel te herstellen (met inbegrip van kleuren die voor het web zijn verschoven), kiest u Verschuiving alle kleuren ongedaan maken in het menu van het palet Kleurentabel. Kleuren verschuiven naar de meest verwante kleuren uit het webpalet Opdat er geen dithering van kleuren plaatsvindt in een browser, kunt u de kleuren wijzigen in hun meest verwante kleuren in het webpalet. Hiermee voorkomt u dat dithering van deze kleuren plaatsvindt in browsers op Windows- of Macintosh-systemen waarop slechts 256 kleuren kunnen worden weergegeven. 1 Selecteer een of meer kleuren in de geoptimaliseerde afbeelding of kleurentabel. 2 Voer een van de volgende handelingen uit: • Klik op de knop Geselecteerde kleuren voor webpalet verschuiven in het palet Kleurentabel.
  8. 8. PHOTOSHOP CS4 GEBRUIKEN 577 Webafbeeldingen • Kies Geselecteerde kleuren verschuiven/Verschuiving geselecteerde kleuren ongedaan maken naar/in webpalet in het menu van het palet Kleurentabel. De oorspronkelijke kleur verschijnt linksboven in het kleurstaal en de nieuwe kleur rechts onderin. Het witte ruitje in het midden van het kleurstaal geeft aan dat de kleur een webveilige kleur is, het vierkantje rechts onder bij het kleurstaal geeft aan de kleur is vergrendeld. 3 Om een tolerantie voor de verschuiving in te stellen, voert u een waarde in voor Web-afstemming. Bij een hogere waarde worden meer kleuren gewijzigd. 4 Om de voor het web verschoven kleuren te herstellen voert u één van de volgende handelingen uit: • Selecteer in de kleurentabel een kleur die voor het web is verschoven en klik op de knop Geselecteerde kleuren voor webpallet verschuiven in het palet Kleurentabel. • Om alle voor het web verschoven kleuren in de kleurentabel te herstellen, kiest u Verschuiving alle kleuren ongedaan maken in het menu van het palet Kleurentabel. Kleuren omzetten in transparantie U kunt transparantie toevoegen aan een geoptimaliseerde afbeelding door bestaande kleuren om te zetten in transparantie. 1 Selecteer een of meer kleuren in de geoptimaliseerde afbeelding of kleurentabel. 2 Voer een van de volgende handelingen uit: • Klik op de knop Transparantie toewijzen in het palet Kleurentabel. • Kies Geselecteerde kleuren omzetten in transparantie / Omzetting geselecteerde kleuren in transparantie ongedaan maken in het menu van het palet Kleurentabel. Het transparantieraster verschijnt in de helft van elke omgezette kleur. Het vierkantje rechts onder op het kleurstaal geeft aan dat de kleur is vergrendeld. 3 Om de de transparantie in de oorspronkelijke kleur te herstellen, voert u één van de volgende handelingen uit: • Selecteer de kleuren die u wilt herstellen, en klik op de knop Transparantie toewijzen of kies Geselecteerde kleuren omzetten in transparantie / Omzetting geselecteerde kleuren in transparantie ongedaan maken in het menu van het palet Kleurentabel. • Om alle in transparantie omgezette kleuren te herstellen kiest u Toewijzing alle transparante kleuren ongedaan maken. Een kleur vergrendelen of ontgrendelen U kunt geselecteerde kleuren vergrendelen in de kleurentabel. Hiermee voorkomt u dat deze worden verwijderd als het aantal kleuren wordt verminderd en voorkomt u dithering van deze kleuren in de toepassing. Opmerking: Als u kleuren vergrendelt, voorkomt u niet dat dithering van deze kleuren plaatsvindt in een browser. 1 Selecteer een of meer kleuren in de kleurentabel. 2 Vergrendel de kleur door een van de volgende handelingen uit te voeren: • Klik op de knop Vergrendelen . • Kies Geselecteerde kleuren vergrendelen/ontgrendelen in het menu van het palet Kleurentabel. Er verschijnt een wit vierkantje in de rechterbenedenhoek van elke vergrendelde kleur. 3 Ontgrendel de kleur door een van de volgende handelingen uit te voeren: • Klik op de knop Vergrendelen . • Kies Geselecteerde kleuren vergrendelen/ontgrendelen in het menu van het palet Kleurentabel.
  9. 9. PHOTOSHOP CS4 GEBRUIKEN 578 Webafbeeldingen Het witte vierkantje verdwijnt uit het kleurstaal. Geselecteerde kleuren verwijderen U kunt geselecteerde kleuren verwijderen uit de kleurentabel om de bestandsgrootte van de afbeelding te verminderen. Als u een kleur verwijdert, worden gebieden van de geoptimaliseerde afbeelding waarin deze kleur eerst voorkwam opnieuw samengesteld op basis van de meeste gelijkende kleur die nog wel in het palet beschikbaar is. Als u een kleur verwijdert, wordt het type kleurentabel automatisch gewijzigd in Eigen. Dit gebeurt omdat de verwijderde kleur in de paletten Adaptief, Perceptueel en Selectief automatisch weer wordt toegevoegd aan het palet als u de afbeelding opnieuw optimaliseert. Het palet Eigen verandert niet als u de afbeelding opnieuw optimaliseert. 1 Selecteer een of meer kleuren in de kleurentabel. 2 Verwijder een kleur door een van de volgende handelingen uit te voeren: • Klik op het pictogram Verwijderen . • Klik op Kleur verwijderen in het menu van het palet Kleurentabel. Een kleurentabel opslaan U kunt kleurentabellen van geoptimaliseerde afbeeldingen opslaan om deze te gebruiken bij andere afbeeldingen en kleurentabellen laden die in andere toepassingen zijn gemaakt. Als u een nieuwe kleurentabel in een afbeelding laadt, worden de kleuren in de geoptimaliseerde afbeelding gewijzigd in overeenstemming met de kleuren in de nieuwe kleurentabel. 1 Klik op Kleurentabel opslaan in het menu van het palet Kleurentabel. 2 Geef een naam op voor de kleurentabel en geef een locatie op waar u deze wilt opslaan. Standaard krijgt het bestand met de kleurentabel de extensie .act (afkorting voor "Adobe color table"). Sla de kleurentabel op in de map Geoptimaliseerde kleuren in de toepassingsmap van Photoshop als u wilt dat de kleurentabel beschikbaar is bij het selecteren van optimalisatie-instellingen voor een GIF- of PNG-afbeelding. 3 Klik op Opslaan. Belangrijk: Wanneer u de tabel opnieuw laadt, verschijnen alle verschoven kleuren als volledige stalen en zijn ze niet vergrendeld. Een kleurentabel laden 1 Klik op Kleurentabel laden in het menu van het palet Kleurentabel. 2 Blader naar het bestand met de kleurentabel die u wilt laden: een ACT-bestand (Adobe Color Table), een ACO- bestand (Adobe Color Swatch) of een GIF-bestand (om de ingesloten kleurentabel van het bestand te laden). 3 Klik op Openen. Optimalisatieopties voor PNG-24 PNG-24 is geschikt voor het comprimeren van afbeeldingen in continutoon; met deze methode verkrijgt u echter veel grotere bestanden dan met de JPEG-indeling. Het voordeel van PNG-24 is dat u hiermee 256 transparantieniveaus in een afbeelding kunt opslaan. Transparantie en Randkleur Bepaal hoe transparante pixels in de afbeelding worden geoptimaliseerd. Zie “Transparantie in GIF- en PNG-afbeeldingen optimaliseren” op pagina 574
  10. 10. PHOTOSHOP CS4 GEBRUIKEN 579 Webafbeeldingen Interliniëring Hiermee krijgt u een versie met een lage resolutie in een browser terwijl de volledige afbeelding wordt gedownload. Door het gebruik van interliniëring kan de downloadtijd korter lijken en zien de gebruikers direct dat het downloaden bezig is. Door interliniëring kan de bestandsgrootte echter ook toenemen. Zie ook “Een afbeelding voor het web optimaliseren” op pagina 565 Optimalisatieopties voor WBMP WBMP is de standaardindeling voor het optimaliseren van afbeeldingen voor mobiele apparaten, zoals mobiele telefoons. WBMP ondersteunt 1-bits kleur. Dit betekent dat WBMP-afbeeldingen alleen zwarte en witte pixels bevatten. Met een ditheringmethode en opties voor Dither bepaalt u hoe en hoeveel toepassingsdithering plaatsvindt. Voor een optimale compressie gebruikt u het laagste percentage dithering waarmee u het gewenste detail bereikt. U kunt een van de volgende ditheringmethoden selecteren: Geen dithering Hiermee past u geen dithering toe, waardoor de afbeelding in pure zwarte en witte pixels wordt weergegeven. Diffusie Hiermee past u een willekeurig patroon toe dat meestal minder opvallend is dan patroondithering. De ditheringeffecten worden verspreid over aangrenzende pixels. Als u dit algoritme selecteert, geeft u een percentage op om de hoeveelheid dithering te bepalen die op de afbeelding wordt toegepast. Opmerking: Diffusiedithering kan waarneembare naden veroorzaken tussen gescheiden segmenten. De naden worden vermeden als u de segmenten koppelt en het ditheringpatroon over alle gekoppelde segmenten toepast. Patroon Hiermee past u een halftoonrasterpatroon van vierkantjes toe om de waarde van de pixels te bepalen. Ruis Hiermee past u een willekeurig patroon toe dat lijkt op diffusiedithering, maar waarbij het patroon niet over aangrenzende pixels wordt verspreid. Er verschijnen geen kleurovergangen bij het rasteringalgoritme Ruis. Zie ook “Een afbeelding voor het web optimaliseren” op pagina 565

×