Photoshop-afbeeldingen opslaan als GIF voor web en mobiele apparaten - dummies

Bestanden opslaan voor internet of mobiele apparaten in Photoshop Creative Suite 5 maakt een kleinere versie van uw afbeelding zodat deze snel wordt geladen. Het idee is om het beeld zo klein mogelijk te maken terwijl het visueel aantrekkelijk blijft.

Gebruik het GIF-formaat als u grote gebieden met effen kleuren hebt.

Een afbeelding met veel effen kleuren levert een goede GIF op.

Het GIF-formaat is niet lossy ( het verliest geen gegevens wanneer het bestand in deze indeling is gecomprimeerd), maar verkleint de bestandsgrootte door een beperkt aantal kleuren in een kleurentabel te gebruiken. Hoe lager het aantal kleuren, hoe kleiner de bestandsgrootte. Als u ooit in de indexkleurmodus hebt gewerkt, bent u bekend met dit proces.

Transparantie wordt ondersteund door het GIF-bestandsformaat. Over het algemeen werken GIF-bestanden niet goed op alles dat soepele overgangen van de ene kleur naar de andere vereist, vanwege de slechte ondersteuning van <1000> anti-aliasing , , de methode die Photoshop gebruikt om glad gekartelde randen. Wanneer een afbeelding van de ene naar de andere kleur overgaat, produceert Photoshop meerdere kleuren pixels om een ​​gelijkmatige blend tussen de twee kleuren te maken.

Omdat anti-aliasing meerdere kleuren voor dit effect moet creëren, worden GIF-bestanden over het algemeen niet aanbevolen. Wanneer u de grootte van een GIF verkleint, ziet u in feite

banding (een artefact dat verschijnt als strepen in de afbeelding) omdat de anti-aliasing niet kan plaatsvinden met de beperkte aantal kleuren beschikbaar in het GIF-formaat. Je kunt natuurlijk het aantal kleuren drastisch verhogen om een ​​vloeiendere overgang te creëren, maar dan loop je het risico om monsterbestanden te maken die je altijd moet downloaden.

Opslaan als GIF

Wanneer u Bestand → Opslaan voor web en apparaten kiest, ziet u eerst de beschikbare GIF-indelingsopties. Ze kunnen je duidelijker zijn als je een afbeelding open hebt (met veel effen kleuren erin).

Ga als volgt te werk om een ​​bestand voor internet als een GIF op te slaan:

Kies Bestand → Opslaan voor web en apparaten.

1. Het dialoogvenster Opslaan voor web en apparaten wordt weergegeven.

   Klik bovenaan op het tabblad 2-up.

2. U ziet de originele afbeelding aan de linkerkant en de geoptimaliseerde afbeelding aan de rechterkant (of boven en onder, afhankelijk van de verhoudingen van de afbeelding).

   In het onderste gedeelte van het scherm ziet u de oorspronkelijke bestandsgrootte in vergelijking met de geoptimaliseerde bestandsgrootte en de geschatte downloadtijd. De downloadtijd is belangrijk. De meeste mensen wachten niet langer dan tien seconden tot een webpagina wordt weergegeven, dus houd de downloadtijd van elke afbeelding tot vijf seconden of minder.

   Wijzig de downloadsnelheid door een keuze te maken uit het menu Voorbeeld (zoek naar de pijl in de rechterbovenhoek van het dialoogvenster Opslaan voor web en apparaten).

   Kies GIF 32 No Dither in de vervolgkeuzelijst Voorinstelling.

3. Mogelijk ziet u al een wijziging. Photoshop biedt u presets waaruit u kunt kiezen, of u kunt uw eigen instellingen aanpassen en opslaan.

   Kies of u dithering op de afbeelding wilt toepassen door een optie te selecteren in de vervolgkeuzelijst Specificeer de Dither-algoritme.

4. Deze keuze is puur persoonlijk. Omdat u mogelijk beperkende kleuren gebruikt, kan Photoshop dithering gebruiken om de pixels van beschikbare kleuren te mengen om ontbrekende kleuren te simuleren. Veel ontwerpers kiezen de optie Geen raster, omdat dithering onnatuurlijke kleurvlekken in een afbeelding kan veroorzaken.

   Kies uit voorinstellingen of maak uw eigen aangepaste instellingen.

   

   Selecteer het selectievakje Transparantie als uw afbeelding zich op een transparante laag bevindt en u die transparantie op een webpagina wilt behouden.

5. Kleurentabel in dialoogvenster Opslaan voor web en apparaten

Wanneer u een afbeelding opslaat in GIF-indeling met het dialoogvenster Opslaan voor web en apparaten, ziet u de kleurentabel voor de afbeelding aan de rechterkant van het dialoogvenster. De kleurentabel is belangrijk omdat u niet alleen de kleuren in de afbeelding kunt zien, maar ook kunt u de kleurentabel aanpassen met behulp van de opties onderaan.

U kunt uw kleurentabel aanpassen door een aantal kleuren te selecteren als webveilig en kleuren te vergrendelen, zodat ze niet worden afgeblokt omdat u het gebruikte aantal verkleint.

Ga als volgt te werk om een ​​kleurentabel aan te passen:

Als uw afbeelding slechts enkele kleuren heeft die u naar webveilige kleuren wilt converteren, kiest u het gereedschap Pipet links in het dialoogvenster Opslaan voor web en apparaten vak en klik op de kleur in Geoptimaliseerde weergave.

1. De geselecteerde kleur is gemarkeerd in de kleurentabel.

   Klik op de knop Web Safe onder aan de kleurentabel.

2. Wanneer u deze knop overschrijdt, wordt de knopinfo Verschuivingen / opheffen van geselecteerde kleuren in het webvenster weergegeven.

   Er verschijnt een ruit die aangeeft dat de kleur nu webveilig is.

   Vergrendel kleuren die u niet wilt verwijderen, omdat u het aantal kleuren in de kleurentabel verkleint.

3. Selecteer een kleur met het gereedschap Pipet of kies deze in de kleurentabel en klik vervolgens op de knop Kleur vergrendelen. Een wit vierkant verschijnt in de rechter benedenhoek, wat aangeeft dat de kleur is vergrendeld.

   Als u 32 kleuren vergrendelt en vervolgens de kleurentabel verkleint tot 24, worden sommige vergrendelde kleuren verwijderd. Als u ervoor kiest om kleuren toe te voegen, worden die vergrendelde kleuren het eerst weergegeven.

   Pas kleuren aan met behulp van de kleurentabel in het venster Opslaan voor web en apparaten.

   

   Hoe wordt de kleurentabel gemaakt? Op basis van de algoritme-methode voor kleurverkleining die u kiest, samplet de functie Opslaan voor web en apparaten het aantal kleuren dat u aangeeft. Als kleuren veilig houden van het web belangrijk is, selecteert u de optie Beperkend (web) voor de methode; als u wilt dat uw afbeelding er op de meeste monitoren beter uit ziet, maar niet noodzakelijkerwijs webveilig is, kiest u de optie Adaptief.

Gebruik het vervolgkeuzemenu Kleuren of voer een getal in om kleuren toe te voegen of te verwijderen uit de kleurentabel.

1. Als uw afbeelding transparantie gebruikt, schakelt u het selectievakje Transparantie in de buurt van de top van het dialoogvenster Opslaan voor web en apparaten in.

2. Houd er rekening mee dat transparantie wordt geteld als een van uw kleuren in de kleurentabel.

   Schakel het selectievakje Geïnterlinieerd in als uw GIF-afbeelding groot is (25K of groter).

3. Als u deze optie selecteert, wordt de afbeelding in verschillende scans op de webpagina gemaakt - een afbeelding met een lage resolutie die snel verschijnt en die vervolgens wordt vernieuwd met de afbeelding met hogere resolutie wanneer het downloaden is voltooid. Interlacing geeft de illusie dat de download sneller gaat, maar maakt de bestandsgrootte groter, dus gebruik hem alleen als dat nodig is.

   Klik op Opslaan.

4. Nu is de afbeelding gereed om als bijlage bij een e-mailbericht te worden gebruikt of in een webpagina te worden gebruikt.