Välj bilder som fungerar på hela webbplatsen

Ett genomtänkt förhållningssätt till inramning, beskärning och visuell enhetlighet.
Fotoutskrifter av berg, ett grönt blad och arkitektur bredvid en kamera.

Samma bild kan visas som en bred toppbild, ett litet kort och ett smalt mobilutsnitt. Välj fotografier som är tydliga i alla sammanhang.

Ge varje bild ett syfte

Börja med att bestämma vad läsaren ska lära sig av bilden. Ett produktfoto kan förklara form och textur. En redaktionell bild kan etablera en miljö eller introducera en idé. När du väljer rollen först blir det lättare att välja bort fina bilder som bidrar lite till sidan.

För ett litet kort bör du prioritera ett tydligt motiv framför en rörig scen. Detaljer som är intressanta i full storlek kan försvinna när bilden förminskas. Kontrollera miniatyrbilden innan du bestämmer dig för originalet.

Ge utrymme för olika beskärningar

En bild med luft runt motivet är lättare att använda på hela webbplatsen. Ett tätt inramat objekt kan förlora kanterna i ett kvadratiskt kort, medan ett ansikte nära bildkanten kan försvinna i en bred banner. Leta efter fotografier som tål lite beskärning utan att betydelsen ändras.

Sätt bildens fokuspunkt på motivet du vill bevara och granska sedan de faktiska layouter som använder den. En fokuspunkt ger användbar vägledning för beskärningen men ersätter inte kontroll av resultatet. När en bild inte fungerar i alla layouter bör du välja en separat förhandsvisningsbild.

Skapa enhetlighet med ljus och färg

En samling behöver inte identiska fotografier för att kännas sammanhängande. Liknande ljussättning, lugna bakgrunder och en gemensam färgskala kan knyta ihop mycket olika motiv. Ett mjukt belyst föremål, ett skrivbord i ek och ett stilla landskap kan fungera tillsammans när kontrast och färgtemperatur känns besläktade.

Granska flera kort bredvid varandra. Om en bild dominerar bör du överväga en lugnare beskärning eller ett annat fotografi innan du ändrar hela designen. Målet är att varje objekt ska passa in och samtidigt vara igenkännbart.

Beskriv det som är viktigt

Skriv alternativtext som beskriver den användbara visuella informationen i sidans sammanhang. För en kudde kan färgen och det synliga tyget vara viktigare än rummet runt omkring. För ett redaktionellt stilleben bör du nämna huvudobjekten och hur de är placerade. Undvik att fylla beskrivningen med sökfraser eller upprepa sidtiteln.

Avsluta med en kontroll på den faktiska sidan

Granska huvudbilden och förhandsvisningskortet på både bred och smal skärm. Kontrollera att motivet är synligt, att bilden är skarp och att ingen viktig information är beroende av text inne i bilden. Håll originalfilen organiserad med ett beskrivande filnamn så att nästa redaktör kan hitta och återanvända den.

Några få medvetna val gör ett bildbibliotek lättare att underhålla. Tydliga motiv, användbara beskrivningar och förutsägbara beskärningar håller innehållet i fokus när webbplatsen växer.