2 gratis verktyg för att förbereda bilder för webben [Mac]

Ett sätt att krydda dina ord är att lägga till relaterade bilder till texten. Ju fler och bättre bilder du använder, desto större blir dina historier. Men när det gäller webbsidor och bloggar motsvarar fler bilder också större sidstorlekar och längre laddningstider - något som varje webbägare bör undvika. Om det inte är ett alternativ att eliminera bilderna är det enda som kvarstår att optimera dem för webben.

Tyvärr är optimering av bilder för webbanvändning inte alltid en promenad i parken, särskilt om du måste hantera många av dem regelbundet. Om du är en Mac-användare finns det flera gratis verktyg som kan hjälpa dig att minimera problemet med att förbereda webbbilder.

Skaffa bilderna

Jag kommer inte gå för långt här, eftersom ämnet har diskuterats flera gånger redan. Det finns många sätt att skaffa bilder på webben, från att ta egna bilder med hjälp av en digitalkamera. En nybörjarhandledning till digitalfotografi En nybörjarhandledning till digitalfotografering Digital fotografering är en bra hobby, men det kan också vara skrämmande. Den här nybörjarguiden kommer att berätta allt du behöver veta för att komma igång! Läs mer, med Creative Commons licensierade bilder, för att skärmbilda bilder på skrivbordet.

Tala om skärmupptagning, det finns flera gratis Mac-verktyg 5 Alternativa skärmupptagningsverktyg för din Mac 5 Alternativa skärmupptagningsverktyg för din Mac Läs mer som du kan använda för detta ändamål. Jag använder personligen antingen Jing Hur man tar en bättre bildskärmsbild med Jing (Mac) Hur man tar en bättre bildskärmsbild med Jing (Mac) Läs mer eller Skitch.

Ändra storlek och byt namn på ResizeMe

För det mesta får du inte storleken på bilderna rätt första gången - antingen bildstorleken (pixlar) eller filstorleken (byte).

Begränsningen för bildstorleken kommer vanligen från konstruktionssynpunkt. Du får inte lägga en bild på 600 pixlar i en 500 pixel bred bloggkolumn. Det kommer att gå ut ur gränsen och göra utseendet ful.

För att lösa pixelproblemet kan du antingen beskära eller ändra storlek på de stora bilderna. Jag hittade ett bra verktyg som heter ResizeMe som kan hjälpa dig att göra de uppgifterna - och mycket mer - i bulk.

Att använda ResizeMe är lika enkelt som att dra och släppa bilder som du vill ändra i fillistan.

Välj de åtgärder som du vill tillämpa på dessa bilder. I bilden nedan ställer jag in åtgärden för att skala ner en bild som är bredare än 580 pixlar utan att ändra höjden. Jag ställer också åtgärden att inte ändra någon bild med en bredd som är mindre än den maximala bredden.

Appen tillåter också användare att skära bilder till önskad storlek. Att skära väldigt stora bilder i flera mindre är gynnsamt än att ändra storlek, eftersom de flesta gånger omfördelningen kommer att försämra bildens kvalitet och göra bilden oklart.

Om du använder flera bilder för varje bloggartikel som du skriver skulle det vara bättre om du organiserar uppsättningen genom att lägga till liknande nyckelord i deras namn. Till exempel kan bilder för en artikel om skärmdumpverktyg bytas in i “scrnsht - image1“, “scrnsht - image2“, och så vidare.

Du kan använda hjälp av Automator till batch byta namn på bilder Så här använder du Automator till batch Byta namn på bilder på Mac Så här använder du Automator till batch Byt namn på bilder på Mac Läs mer på din Mac eller för ett mer flexibelt namn för omdirigering kan du försöka använda ett verktyg som NameChanger Batch Byt namn på dina filer enkelt - Mac Style (endast Mac) Batch Byt namn på dina filer enkelt - Mac Style (Mac Only) Läs mer. Om du inte vill använda andra applikationer, kommer ResizeMe också med en filåtergivningsförmåga. Välj bara en funktion från listan, kolla på “Döpa om” knappen och skriv ned de instanser som du vill byta namn på.

En annan Ändra storlek med ImageOptim

En annan storleksfaktor som vi måste hantera är filstorleken. Vi behöver mindre bildstorlekar samtidigt som bildkvaliteten bibehålls. De flesta jätte bildmanipulatorer kommer med möjligheten att göra bilderna färdiga. Men om allt du behöver är att komprimera storleken, kan du använda ImageOptim.

På samma sätt som ResizeMe, drar och släpper enkelt med ImageOptim. Alla bilder som du släpper in i appen kommer automatiskt att optimeras till minsta möjliga storlek utan att det påverkar kvaliteten. Det gör det magiska genom att hitta de bästa komprimeringsparametrarna och genom att ta bort onödiga kommentarer och färgprofiler.

Den procentuella kolumnen kommer att berätta hur mycket uppblåst appen kan eliminera från bilderna. Perfectionisten kan använda “Igen” knappen för att hjälpa dem att klämma några få procent av bildstorleken. Du kan trycka på knappen flera gånger tills procentuell kolumn visar 0%.

Genom att jämföra resultaten kan vi se att ImageOptim gör sitt jobb bra. Ibland kan det eliminera mer än 50% av bildvikten.

Detta är innan du använder ImageOptim.

Och det här är efter.

Även om siffran är lika med bara några få kilobytes förlust av bildstorlek varje, när du lägger till allt, kan dessa små kilobytes betyda något för den totala platsstorleken och bandbredd.

Vad jag tycker om den här appen är att det kommer med ett arbetsflöde. Om du öppnar arbetsflödet med Automator och sparar det, omvandlas det till en Mac-tjänst. Eftersom du kan tilldela genvägar till tjänster Så här kan du vara mer produktiv på Mac med hjälp av tjänster Så här kan du vara mer produktiv på Mac med hjälp av tjänster Läs mer, du kan använda appen snabbare genom att välja bilder för att optimera och slå genväggen kombination.

Från min egen personliga erfarenhet kan jag säga att kombinationen av ResizeMe och ImageOptim har hjälpt mig att spara mycket av min tid vid att förbereda bilder för webbanvändning. Men ta inte mitt ord för det, prova dem själv och dela vad du tycker i kommentarerna nedan. Och om du har egna favoriter, föll du fri att dela dem också.

Utforska mer om: Bloggar, Bildredigerare, Verktyg för webbansvariga.