Så här skapar du en bild och laddas snabbare

Författare: Tamara Smith
Skapelsedatum: 19 Januari 2021
Uppdatera Datum: 4 November 2024
Anonim
Så här skapar du en bild och laddas snabbare - Artiklar
Så här skapar du en bild och laddas snabbare - Artiklar

Innehåll

När du lägger ut bilder på internet är det viktigt att se till att de är optimerade för webbvisning så att du kan få dem att ladda snabbare. Slow loading-bilder tenderar att avvärja besökare och kan förhindra att de åtnjuter din webbplats fullständigt. Det bästa sättet att se till att dina bilder laddas snabbare är att klämma så mycket kvalitet som möjligt till en fast storlek. För webbvisning är det en bra idé att hålla storleken på var och en av dina bilder under 50kB.


vägbeskrivning

Optimera dina bilder för webbvisning gör att de laddas snabbare (Ablestock.com/AbleStock.com/Getty Images)
  1. Använd rätt format. Använd JPEG för gradientbilder och mycket färgblandning. För bilder som innehåller hög kontrast och text kan du använda GIF eller PNG. Den flesta bildredigeringsprogramvara stöder korrekta konverteringar.

  2. Ändra bildupplösningen till 72 dpi (punkter per tum). De flesta skärmar och bildskärmar visar webbsidor och bilder med den här upplösningen. Använd den här upplösningen också för att minska störningar och problem med färg.

  3. Maximera skärningen i bilden. Om ämnet för din bild till exempel är placerad mot en solid bakgrund, klippa av det mesta av den soliga färgen. Du kommer att hamna med en mindre filstorlek.


  4. Applicera en liten suddighet på din bild. Börja med att applicera en Gaussian Blur med en radie av 0,2 pixel. En Gaussisk bakgrundsskärpa på 1,0 pixel ska vara tillräcklig för att minska bildfilens storlek med cirka 23%. För att undvika att du förlorar kvalitet, försök bara radera bakgrunden till din bild eller delar av den som inte sticker ut.

  5. Isolera objektet från bilden med hjälp av väljverktyget och lägg till mer oskärpa till resten av bilden. Detta kommer avsevärt att minska filstorleken på din bild. Som en fördel markerar du vad som är viktigt.

tips

  • Var noga med att ange bredden och höjden på varje bild du anger i HTML-markeringen. På detta sätt behöver webbläsare inte beräkna den idealiska storleken för din bild. Använd spritbilder närhelst du kan. Kombinera mindre bilder i en stor bildfil för att minska antalet HTTP-förfrågningar som din webbsida måste göra. Med detta kan du ladda dina bilder snabbare.

Vad du behöver

  • Bildredigerare (Photoshop, PaintShopPro, GIMP eller Pixlr)