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

Annons

Ett sätt att krydda dina ord är genom att lägga till relaterade bilder i texten. Ju fler och bättre bilder du använder, desto vackrare blir dina berättelser. Men när det gäller webbsidor och bloggar är fler bilder också lika stora 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 återstå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 ta itu med många av dem regelbundet. Om du är Mac-användare finns det flera gratisverktyg som kan hjälpa dig att minimera besväret med att förbereda webbbilder.

Förvärva 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 du kan skaffa bilder på webben, från att ta egna bilder med en digitalkamera En nybörjarguide för digital fotograferingDigital fotografering är en fantastisk 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 licens bilder, för att ta bilder på skrivbordet.

Pratar om skärmdump, det finns det flera gratis Mac-verktyg 5 Alternativa skärmdumpningsverktyg 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 skärmbild med Jing (Mac) Läs mer eller Skitch.

Ändra storlek och byta namn med ResizeMe

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

Begränsningen för bildstorleken kommer vanligtvis från designens synvinkel. Du bör inte lägga en bild på 600 pixlar bred i en bloggkolonn på 500 pixlar. Den kommer ut ur gränsen och gör utseendet fult.

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 utföra dessa uppgifter - 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 använda på dessa bilder. I bilden nedan ställer jag in åtgärden för att skala ner alla bilder som är bredare än 580 pixlar utan att ändra höjden. Jag ställde också in åtgärden att inte ändra någon bild med en bredd mindre än maximal bredd.

Appen tillåter också användare att beskära bilder till önskad storlek. Att beskära mycket stora bilder till flera mindre är gynnsamt än att ändra storlek, eftersom storleken på storleken av storleken på tiden kommer att försämra bildkvaliteten och göra bilden oklar.

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 till deras namn. Till exempel kan bilder för en artikel om skärmdumpverktyg byta namn till "scrnsht - image1“, “scrnsht - image2", och så vidare.

Du kan använda hjälp av Automator för att byta namn på bilder Hur man använder Automator för att gruppera namn på bilder på Mac Läs mer på din Mac, eller för ett mer flexibelt namnbytesystem kan du prova ett verktyg som NameChanger Batch Byt namn på dina filer enkelt - Mac-stil (endast Mac) Läs mer . Om du inte vill använda andra applikationer kommer ResizeMe också med en filnamnförmåga. Välj bara en funktion från listan, kolla "Döp om”-Knappen och skriv ner de instanser som du vill byta namn på.

En annan storlek ändra med ImageOptim

En annan storleksfaktor som vi måste hantera är filstorleken. Vi behöver mindre bildstorlekar medan vi bibehåller bildkvaliteten. De flesta gigantiska bildmanipulatorer har möjlighet att göra bilder webbklara. Men om allt du behöver är att komprimera storleken kan du använda ImageOptim.

På liknande sätt som ResizeMe är det lätt att dra och släppa med ImageOptim. Alla bilder som du släpper in i appen kommer automatiskt att optimeras till minsta möjliga storlek utan att ge avkall på kvaliteten. Det gör magin genom att hitta de bästa komprimeringsparametrarna och genom att ta bort onödiga kommentarer och färgprofiler.

Procentkolumnen kommer att berätta hur mycket uppblåsning appen kan eliminera från bilderna. Perfektionisten kan använda "Om igen”-Knappen för att hjälpa dem att pressa några fler procent av bildstorleken. Du kan trycka på knappen flera gånger tills procentkolumnen 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 detta är efter.

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

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

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 på 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 dina egna favoriter, kan du också dela dem.