Sådan komprimeres et eller flere billeder på én gang

En af de første udfordringer, jeg stod over for som webmaster for denne blog, var relateret til billeder. Havde brug for komprimere billeder (JPG, PNG, GIF) med et meget højt kravniveau hvis du vil optimere serverressourcer og også indlæse hurtigt.

I dag skal jeg forklare de 2 metoder, jeg bruger til redigere og komprimere billeder som en rigtig ninja. I de sidste 3 år har jeg prøvet alt, men i sidste ende er det det, der fungerer bedst for mig, så jeg vil dele det med dig.

Sådan komprimeres et eller flere billeder på én gang på den enkleste måde

Hvad mange mennesker anbefaler at komprimere billeder er at bruge programmer som Photoshop eller andre multimedie-redaktører i stilen. Noget der er meget godt, men denne type applikationer de er normalt ikke billige præcist, og de bringer også mange pro-funktioner, som jeg personligt har masser af - Jeg vil bare lave et par tweaks og komprimere et par billeder, ikke oprette en 8-minutters animationskort.

Sådan redigeres og komprimeres et billede uden at installere nogen applikation

Når alt hvad jeg har brug for er at komprimere et billede og justere dets margener og størrelse Jeg bruger et webværktøj kaldet Pixlr express. Det er en online applikation, der så lyset fra Autodesk for mange år siden - de samme fra Autocad-, og som nu er erhvervet af et andet firma (123RF). Men lad os komme til det punkt ...

Sagen er, det er stadig gratis, og det fungerer lige så godt. Ikke kun det, men ingen registrering krævet og det giver os mulighed for at redigere billeder, tilføje filtre, skrifttyper og en god håndfuld effekter. Jeg har haft det i mappen "favoritter" i min browser i lang tid.

For at komprimere et billede med Pixlr Express vi skal bare indlæse billedet i editoren og trykke på "Gemme. Når du gemmer det, giver værktøjet os mulighed for at anvende det ønskede komprimeringsniveau (fra 0% til 100%).

På tidspunktet for lagring er det, når det giver os mulighed for at komprimere billedet

Selvfølgelig vil kvaliteten af ​​billedet være i tråd med det komprimeringsniveau, vi anvender. Som en personlig anbefaling vil jeg råde dig til at ansøge et kompressionsniveau på 65% sammenlignet med originalen. Det er det punkt, hvor billedet stadig ser godt ud, og dets vægt reduceres drastisk.

Sådan komprimeres flere billeder på én gang og kaskade

Hvis vi har flere billeder, kan det være lidt kedeligt at arbejde med Pixlr. I disse tilfælde bruger jeg et gratis program kaldet OPTØJER (Radical Image Optimization Tool), specielt designet til at komprimere JPG-, GIF- og PNG-billeder.

RIOT giver os mulighed for at indlæse et billede, justere komprimeringsniveauet og se et eksempel på, hvordan det ville se ud, når komprimeringen blev anvendt. Dette er fantastisk for os at justere det så meget som muligt og stadig se godt ud.

Men den virkelige magi ved RIOT er i dens “Batch” -funktion. Herfra kan vi indlæse flere billeder på én gang (for eksempel alle billederne i en mappe eller undermapper) og komprimere dem i kaskade. For at gøre dette skal vi bare klikke på ikonet "Parti”, Vælg destinationsmappen (Outputmappe) og kildemappen (Tilføj billeder -> Tilføj alle billeder fra mappen). Når vi har alt efter vores smag, skal du bare klikke på "Start”For at udføre bulkkomprimering for alle valgte billeder.

Det er rart, du hører ...

Forskellen mellem at komprimere billeder en efter en og gøre det på denne måde er simpelthen kedelig. Forestil dig, at du er nødt til at optimere alle billederne af et universitetsjob, eller værre, alle billederne på dit websted.

Det perfekte komprimeringsniveau for billeder på en blog eller et websted

Som jeg nævnte lidt ovenfor, er det perfekte komprimeringsniveau 65% for websider. Men dette er kun en personlig anbefaling ...

Men hvis vi har en webside, og vi ønsker det "perfekte" komprimeringsniveau, vil vi helt sikkert have noget mere end den personlige anbefaling af en møtrik, der kalder sig "den glade android".

I disse tilfælde har Google den velkendte side for webmastere Pagespeed Insights. Dette værktøj udover at fortælle os indlæsningshastigheden på vores websted og give os nogle andre råd, giver os også mulighed for at downloade en kopi af alle de billeder, som en bestemt URL indeholder. Disse kopier af billederne optimeres 100%.

For at downloade billederne skal vi indtaste webadressen, hvor de hænger, og klikke på "Analysere”. Når analysen er afsluttet, fra "Computer"Vi ruller næsten til slutningen og klikker på linket"Download billed-, JavaScript- og CSS-ressourcer optimeret til denne side”. Vi får automatisk en ZIP-fil med disse ressourcer, der allerede er optimeret.

Det er lidt skjult, men det er en funktion med en brutal nytte

Jeg håber, at denne vejledning er nyttig for dig. Hvis jeg kunne have læst noget sådan, da jeg startede dette projekt, ville det helt sikkert have sparet mig en masse hovedpine.

P.D: Indlæg dedikeret til min "mig" fra fortiden. Lad os se, om du lærer, barn!

Har du Telegram installeret? Modtag det bedste indlæg for hver dag den vores kanal. Eller hvis du foretrækker det, kan du finde ud af alt fra vores Facebook-side.

$config[zx-auto] not found$config[zx-overlay] not found