Digitala bilder
Pixlar
Inom webbdesign arbetar man främst med bitmappsbilder. En bitmappsbild är uppbyggd, liksom mosaik, av små kvadratiska delar som kallas pixlar.
Varje pixel innehåller viktig information om färg- och ljushetsvärden som t.ex. Adobe Photoshop använder sig av när man redigerar och bearbetar bilden.
Bildupplösning
Bildupplösning mäts i dpi (dots per inch) och beskriver hur många pixlar en bild innehåller per tum. Ju fler pixlar, desto mer färginformation och detaljer innehåller oftast bilden. Högupplösta bilder (från 600 dpi) är dock av störst betydelse för trycksaker, där detaljrikedom och skärpa är viktigt för att slutresultatet ska göra sig tillräckligt bra.
När bilder visas på en webbsida, upptar varje pixel i bilden en bildpunkt på skärmen. Eftersom bildskärmar är relativt lågupplösta, behöver webbilderna inte ha högre upplösning än 72 dpi.
Att ändra storlek på bilder
När man ändrar storleken på en bild säger man att den samplas om. Photoshop använder då olika så kallade interpolationsmetoder för att arrangera om motivet med nya eller färre antal pixlar.
Att ändra storlek på bilder innebär alltid en viss kvalitetsförlust. Den upplevs oftast tydligast när bilden görs större. I Photoshop kan man till viss del avhjälpa detta med särskilda filter. Generellt är det dock omöjligt att i efterhand tillföra mer information om motivet, färgerna och ljuset än bilden har från början.
I Photoshop visas bilden i sin verkliga skärmstorlek vid zoomläget 100 %. Det är också den storleken som bilden har när den visas på en webbsida. Oftast är bredden det mest intressanta, om bilden ska passa in i en textspalt eller sidlayout.