Användarhandbok Avbryt

Dithering in web images

  1. Användarhandbok för Photoshop Elements
  2. Introduktion till Photoshop Elements
    1. Nyheter i Photoshop Elements
    2. Systemkrav | Photoshop Elements
    3. Grundläggande om arbetsytan
    4. Läget Guidad
    5. Skapa fotoprojekt
  3. Arbetsytan och miljön
    1. Kom igång med startskärmen
    2. Grundläggande om arbetsytan
    3. Inställningar
    4. Verktyg
    5. Paneler och behållare
    6. Öppna filer
    7. Linjaler, stödraster och stödlinjer
    8. Läget Snabb har förbättrats
    9. Filinformation
    10. Förinställningar och bibliotek
    11. Pekstöd
    12. Virtuella minnen, plugin-program och programuppdateringar
    13. Ångra, göra om och avbryta åtgärder
    14. Visa bilder
  4. Korrigera och förbättra foton
    1. Ändra storlek på bilder
    2. Beskära
    3. Bearbeta foton med Camera Raw-format
    4. Lägga till oskärpa, ersätta färger och klona fotoområden
    5. Justera skuggor och ljus
    6. Retuschera och korrigera foton
    7. Skärpa foton
    8. Omforma
    9. Automatisk smart ton
    10. Omkomponering
    11. Använda funktionsmakron för att bearbeta foton
    12. Photomerge Komponera
    13. Skapa ett panorama
    14. Rörliga övertäckningar
    15. Flytta element
  5. Lägga till former och text
    1. Lägga till text
    2. Redigera text
    3. Skapa former
    4. Redigera former
    5. Översikt över målning
    6. Målningsverktyg
    7. Konfigurera penslar
    8. Mönster
    9. Fyllningar och linjer
    10. Övertoningar
    11. Arbeta med asiatisk text
  6. Snabbåtgärder
  7. Guidade redigeringar, effekter och filter
    1. Läget Guidad
    2. Filter
    3. Läget Guidad: Photomerge-redigeringar
    4. Läget Guidad: Grundläggande redigeringar
    5. Justeringsfilter
    6. Effekter
    7. Läget Guidad: Roliga redigeringar
    8. Läget Guidad: Specialredigeringar
    9. Konstnärliga filter
    10. Läget Guidad: Färgredigeringar
    11. Läget Guidad: Svartvita redigeringar
    12. Oskärpefilter
    13. Penseldragsfilter
    14. Förvrängningsfilter
    15. Andra filter
    16. Brusfilter
    17. Återgivningsfilter
    18. Skissfilter
    19. Stiliseringsfilter
    20. Strukturfilter
    21. Pixelförvandlingsfilter
  8. Arbeta med färg
    1. Färg
    2. Konfigurera färghantering
    3. Grunderna i färg- och tonkorrigering
    4. Välja färger
    5. Justera färg, mättnad och nyans
    6. Korrigera färgskiftningar
    7. Använda bildlägen och färgtabeller
    8. Färg och Camera Raw
  9. Arbeta med markeringar
    1. Göra markeringar i Photoshop Elements
    2. Spara markeringar
    3. Ändra markeringar
    4. Flytta och kopiera markeringar
    5. Redigera och förfina markeringar
    6. Utjämna markeringskanter med hjälp av kantutjämning och ludd
  10. Arbeta med lager
    1. Skapa lager
    2. Redigera lager
    3. Kopiera och ordna lager
    4. Justerings- och fyllningslager
    5. Urklippsmasker
    6. Lagermasker
    7. Lagerformat
    8. Opacitets- och blandningslägen
  11. Skapa fotoprojekt
    1. Grundläggande om projekt
    2. Skapa fotoprojekt
    3. Redigera fotoprojekt
    4. Skapa filmrullebildspel
  12. Spara, skriva ut och dela foton
    1. Spara bilder
    2. Skriva ut foton
    3. Dela foton online
    4. Optimera bilder
    5. Optimera bilder för formatet JPEG
    6. Gitter i webbilder
    7. Guidade redigeringar – panelen Dela
    8. Förhandsvisa webbilder
    9. Använda genomskinlighet och maskfärg
    10. Optimera bilder för formaten GIF och PNG-8
    11. Optimera bilder för formatet PNG-24
  13. Kortkommandon
    1. Kortkommandon för att välja verktyg
    2. Kortkommandon för att markera och flytta objekt
    3. Tangenter för panelen Lager
    4. Kortkommandon för att visa eller dölja paneler (läget Expert)
    5. Kortkommandon för målning och penslar
    6. Tangenter för att använda text
    7. Tangenter för filtret Gör flytande
    8. Kortkommandon för att omforma markeringar
    9. Tangenter för panelen Färgrutor
    10. Kortkommandon för dialogrutan Camera Raw
    11. Kortkommandon för Filtergalleriet
    12. Tangenter för blandningslägen
    13. Kortkommandon för visning av bilder (Avancerat läge)

About dithering

Most web images are created by designers using 24‑bit color displays (which display over 16 million colors), although some users view web pages on computers with 8‑bit color displays (which display only 256 colors). As a result, web images often contain colors not available on some computers. Computers use a technique called dithering to simulate colors they can’t display. Dithering uses adjacent pixels of different colors to give the appearance of a third color. For example, a red color and a yellow color may dither in a mosaic pattern to produce the illusion of an orange color that the 8‑bit color panel doesn’t contain.

Dithering simulates continuous tones

Obs!

Use colors in the Web panel to ensure that colors won’t dither when displayed in Mac OS systems capable of displaying 256 colors. When creating an original image, you can use the Color Picker to choose web‑safe colors.

When optimizing images, keep in mind that two kinds of dithering can occur:

Application dither

Occurs in GIF and PNG‑8 images when Photoshop Elements attempts to simulate colors that aren’t in the current color table. You can control application dither by choosing a dithering pattern, or you can try to avoid application dither by adding more colors to the table.

Browser dither

Occurs when a web browser using an 8‑bit color display (256‑color mode) attempts to simulate colors that aren’t in the 8‑bit color panel. Browser dither can occur with GIF, PNG, or JPEG images. In Photoshop Elements, you can control the amount of browser dither by shifting selected colors in the image to web‑safe colors. You can also specify web‑safe colors when choosing a color in the Color Picker.

You can preview application dither in GIF and PNG‑8 images. Images with primarily solid colors may work well without dithering. Conversely, images with continuous-tone color (especially color gradients) may require dithering to prevent color banding.

Control dither in web images

  1. Open an image and choose File > Save For Web.
  2. Choose your optimization settings.
  3. Enter a value in the Dither text box, or click the Dither menu arrow and drag the slider that appears.
  4. The Dither percentage controls the amount of dithering that is applied to the image. A higher dithering percentage creates the appearance of more colors and more detail in an image but can also increase the file size. For optimal compression and display quality, use the lowest percentage of application dither that provides the color detail you require.

Preview dither

You can preview browser dither directly in Photoshop Elements or in a browser that uses an 8‑bit color display (256‑color mode).

  1. Open an image and choose File > Save For Web.
  2. Choose your optimization settings.
  3. To preview dither in Photoshop Elements, choose Browser Dither from the document panel menu in the Save For Web dialog box. (To view the menu, click the triangle in the upper-right corner of the optimized image.)
  4. To preview dither in a browser, follow these steps:
    • Set your computer’s color display to 8‑bit color (256 colors). See your operating system’s documentation for information on changing the color display.

    • Select a browser from the Preview In menu in the Save For Web dialog box.

Få hjälp snabbare och enklare

Ny användare?