Annons
Bilder utgör en integrerad del av webben idag. Och som det visar sig är bilder en av de vanligaste orsakerna till långsamma sidbelastningstider. Med massor av mobila enheter som har åtkomst till Internet och de senaste antydningarna att laddningshastigheten på din webbplats skulle påverka dess rang hos Google, skulle du definitivt vilja ta bort denna flaskhals.
Ett av sätten att optimera foton för webben är att använda CSS-spriter. Sprites fungerar bäst för bilder som används i navigering eller andra webbplatselement som kommer att förbli desamma mer eller mindre. Det andra alternativet är att optimera bildstorleken genom att ändra mängden information som finns i bilder, komprimera dem och ta bort onödiga metadata.
Här är några av alternativen du kan använda för att optimera bilder för webben.
Använd din bildredigerare
De flesta bildredigerare har ett eller flera sätt att optimera bilder för webben. Photoshop och GIMP låter dig välja kvaliteten på den sparade filen som kan användas för att kontrollera filstorleken. Dessutom erbjuder Photoshop också en
spara för webben -funktionen, som inte bara optimerar storleken utan också tar hand om färgprofiler så att färgerna i dina bilder ser desamma ut på skärmen som du tänker dem.
Utvecklad av Yahoo, Smush. Den analyserar filformatet för den specifika bildfilen som du försöker optimera och tillämpar sedan de specifika optimeringarna för det specifika bildformatet. Fantastisk sak med Smush. Det är så att det inte förändrar bildkvaliteten. Du laddar upp bilderna som du vill optimera, Smush. Den bearbetar dem och ger tillbaka resultaten i en nedladdningsbar zip-fil.
Online Image Optimizer [Inget längre tillgängligt]
Online Image Optimizer låter dig ladda upp en gif-, jpg- eller png-bild på 300 kB eller mindre och optimera dem. Välj bara en bild från din dator, ladda upp den och Online Image Optimizer gör resten åt dig. Det ger dig ett antal olika versioner av bilden tillsammans med storlek och förhandsgranskning. Beroende på vilket syfte du använder bilden från kan du välja från en uppsättning alternativ. Det finns uppenbar försämring av bildkvaliteten i bilder med mycket låg storlek. Valfritt Online Image Optimizer ger dig också ett alternativ att konvertera formatet för bildfilen till en GIF, JPG eller PNG.
PNG Crusher
PNG Crusher är ett Mac-program. Som namnet antyder är det specialiserat på PNG-filoptimering. Programmet ger dig en behållare av sortering som låter dig dra och släppa PNG-filer till den. Filerna komprimeras sedan med OptiPNG som backend. Webbplatsen konstaterar att vissa PNG-filer redan är ganska optimerade och PNG-krossare kan inte göra mycket med dem. PNG-filerna ersätts endast med de optimerade versionerna om de komprimerade filerna är mindre än de ursprungliga.
GIFWorks
GIFWorks utför ett antal operationer på GIF-filer. Du kan ladda upp en bild från din dator eller ange en webb-URL och sedan redigera GIF-filen, lägga till övergångseffekter mellan ramar och optimera GIF-bilden. GIFWorks ger dig tre alternativ för att optimera GIF-bilder för webben, du kan minska färger, begränsa paletten till endast säkra färger på webben, eller dela ramarna för att välja vilka du vill ha kvar. Med GIFWorks kan du också skapa 3D-text från början.
[INGEN LÅNGAR ARBETE] PunyPNG
PunyPNG låter dig optimera GIF-, JPG- och PNG-bilder för webben genom att konvertera dem till komprimerade PNG-filer. Det är minimal till ingen kvalitetsförlust under komprimeringsprocessen och resultaten är utmärkta. Webbplatsen kräver blixt och har en maximal filstorleksgräns på 350 kB.
Vilka appar använder du för att optimera bilder för webben? Låt oss veta allt om dem i kommentarerna.
Jag är Varun Kashyap från Indien. Jag brinner för datorer, programmering, Internet och teknologier som driver dem. Jag älskar programmering och ofta arbetar jag med projekt i Java, PHP, AJAX etc.
