Optimizimi i imazhit për këtë faqe: përpunimi grumbull duke përdorur jpegtran | optipng | pngout

1. parakushte
2. Ne përdorim rekomandime për imazhe
3. Struktura e arkivit
4. Udhëzime të shkurtra për punë
5. Supplements
6. x64 (aka andi)

Site pa imazhe - një anakronizëm. Pra, shumë njerëz mendojnë, dhe kjo nuk është pa sens të përbashkët. Mos harroni, sa kohë keni qenë në vend për herë të fundit dhe sa kohë keni qenë në të?

Të dhënat e tekstit janë shumë më të vogla se imazhi. Por njerëzit janë të njohur për të dashur sytë e tyre. Prandaj, fotografitë do të jenë një avantazh i padiskutueshëm i tregimit.

Në përgjithësi, duke folur për tekstin, nënkuptojmë përmbajtjen e tij dhe një prezantim të përshtatshëm vizual, duke përfshirë paragrafët, listat, kuotat, tabelat. Megjithatë, kjo nuk është e mjaftueshme, madje edhe faqet e lajmeve po përpiqen të japin imazhe të gazetarëve.

Le të fillojmë nga supozimi se nevojiten imazhe. Këto mund të jenë foto, skema, thjesht duke shpjeguar fotografitë.

Kohë më parë, kur Putini nuk dukej i përjetshëm, bëra portalin tim të parë mjekësor. Ishte e nevojshme të vendosnim fotografi në atlas. Është e qartë se është shumë e vështirë të imagjinohet struktura anatomike e trupit pa figura, dhe aq më shumë për të përshkruar me fjalë. Dhe pa zhurmë të mëtejshme, kam ngarkuar fotot në format bmp (format të painformuar). A duhet të them se ata peshonin brumë? Për më tepër, disa shfletues nuk dinin të tregonin fotografi të tilla.

Pra, pse të zgjedh imazhet? Një shembull i thjeshtë është një foto. Telefonat moderne kanë kamera në 8, 12 dhe megapiksel edhe më shumë. 12 MP korrespondon me një imazh prej 4000 × 3000 piksele. Në varësi të kompleksitetit të skenës, kjo korrespondon me një madhësi prej 2-5 megabajt, dhe madje edhe më shumë. Një fotografi duzinë - dhe madhësia e faqes rritet shumë. Imazhi përshtatet në zonën e përmbajtjes, që do të thotë se shfletuesi duhet së pari të shkarkojë çdo gjë, ta zvogëlojë atë dhe pastaj ta shfaqë atë. Për të dobëtit procesorë ose me një sasi të vogël RAM - një fatkeqësi.

Tani imagjinoni që përdoruesi është duke shikuar faqen nga telefoni. Në këtë rast, ngarkimi i faqes thjesht nuk mund të presë. Pra, fotot duhet të reduktohen paraprakisht.

Dikush do të argumentojë se nuk ka asnjë pikë në këtë, CMS moderne automatikisht bën thumbnails kur shkarkoni imazhe. Por a ka të gjithë ata që kanë faqet e tyre në VPS ose VIP-rates? Shkarkimi i një imazhi prej 12 MP mund të dalë, por për ta përpunuar atë, PHP do të duhet të ndajë 35+ megabajt (në teori, në fakt më shumë) për ruajtje dhe pastaj ende e di se sa të krijojë një kopje më të vogël. Tarifat e lira menjëherë zhyten në tejkalimin e burimeve. Një mbështetës i mirë do t'i kërkojë përdoruesit që të mos e bëjë këtë më, një person i keq do ta injorojë atë, sepse vetëm para është e rëndësishme për të dhe jo performancën e shërbimeve.

Dhe kështu, ne vendosëm të vepronim si duhet. Ne paraprakisht reduktojmë imazhet, dhe pastaj i ngarkojmë ato në faqe. Pra, motori është më i lehtë dhe njerëzit. Është gjithçka Jo me të vërtetë.

Shumë redaktorë mbajnë copëzat origjinale (meta-informacione, pjesë jo të imazhit të skedarit) që përmbajnë informacion shtesë. Për shembull, nëse merrni një foto të diçkaje në telefon, transferoni skedarin në kompjuter, klikoni mbi të me tastin e djathtë dhe zgjidhni "Prona të paluajtshme → Detajet", do të shihni të dhënat në pajisjen: kamerën që keni fotografuar, shpejtësinë e shkrehësit, ISO dhe kështu me radhë. Për përdoruesit, ky informacion është i padobishëm, kështu që ju mund të shpëtoj prej tij.

E pra, mendoni për këtë, një copë. Çfarë ka, një mori informacionesh që janë të përmbajtura? Imagjinoni. Ndonjëherë ju merrni imazhe në të cilat qindra kilobajta të të dhënave të tilla. Vetëm sot, ata dërguan një logo prej 584 KB në madhësi për të akomoduar. Në të njëjtën kohë, informacioni i dobishëm ishte vetëm 14 KB! Sa për mua, nuk është plotësisht e saktë të detyrosh vizitorin të shkarkojë 570 KB nga lart.

Le të përmbledhim nëntotale. Në mënyrë që përdoruesit e faqes të bëjnë mirë, ju duhet të:

1. Zvogëloni madhësinë e imazhit. Për të ndihmuar ndonjë redaktor grafik.
2. Hedhja nga pjesët e skedarit është e panevojshme. Në fakt, përdoruesi ka nevojë vetëm për një foto.
3. Mundohuni të zvogëloni më tej madhësinë e imazhit.

Paragrafi i parë përfshin punën individuale në çdo skedar. Është koha që merr, por sjell rezultatin më të mirë. Ne hapim çdo skedar, prerë, zvogëlim, pastaj ruaj me cilësi të pranueshme.

Por paragrafët 2 dhe 3 mund të jepen në mëshirën e programeve speciale. Software për të punuar me imazhe të vendosura. Google rekomandon programet e mëposhtme:

• jpegtran për formatin e imazhit jpg.
• optipng dhe pngout për imazhet PNG.

Pak rreth p. 3. Redaktorët grafik zakonisht nuk shqetësohen me të. Ata thjeshtë e ruajnë imazhin, duke zgjedhur përpara se të përcaktojnë algoritme compression me të njëjtat parametra, koeficientët e quantizimit dhe gjëra të tjera. Përveç kësaj, shumë njerëz me sinqeritet transferojnë informatat e disponueshme për meta dhe shtojnë vetë, duke rritur më tej madhësinë e skedarit.

parakushte

Një vit më parë, ata filluan të flasin masivisht për shërbimin. Vështrime të PageSpeed nga google. Në fakt, këto janë rekomandime të gjigantit të kërkimit për "si të bëjmë mirë". Thjesht shkruani adresën e faqes dhe merrni një listë sugjerimesh për optimizim. Atje mund të shkarkoni edhe burime të optimizuara, përfshirë imazhe, për faqen tuaj. Vërtetë, kjo është e rëndësishme vetëm për faqen e kontrolluar.

Nëse keni një faqe interneti, sigurohuni që të shikoni ky artikull . Veçanërisht e dobishme për ata që përdorin WordPress.

Ne përdorim rekomandime për imazhe

Duket e thjeshtë: shkarkoni programet e specifikuara nga Google dhe të ekzekutoni të gjitha skedarët në server nëpërmjet tyre. Problemi është se këto ndërmarrje janë të ngushta. Ata marrin vetëm një skedar në një kohë. Por ne nuk jemi të kotë artikullin e fundit mori kohë për të grumbulluar fotografi, apo jo?

Informacioni nga artikulli është mjaft i mjaftueshëm për të krijuar vetë mbajtësin e skedarëve tuaj në masë, kështu që unë nuk do të bojës ku është. Unë vetëm propozoj të shkarkoj asamblenë e gatshme, të cilën e përdor vetë.

Shkarko arkitekturë (212 KB)

Struktura e arkivit

Arkivi përmban një dosje [ OptimizeImg ]. Për të filluar, shpaketoni diku. Unë kam atë të vendosur në c: \ temp \ por kjo nuk ka rëndësi. Gjëja kryesore është se rruga nuk përmban shenja përmbledhëse.

Next. Kjo dosje përmban nën-drejtorin [ uploads ]. Këtu ju duhet të vendosni skedarë që kërkojnë përpunim. Pjesa më e mirë është që ju mund të shtyni të paktën strukturën e dosjeve / skedarëve.

Ka 3 programe të tjera: jpegtran.exe | optipng.exe | pngout.exe është shumë e dobishme e rekomanduar nga Google. Shkarkuar nga faqet përkatëse zyrtare / repositories. Nëse keni dyshime, ose thjesht dëshironi të përmirësoni, shkarkoni nga një burim i besuar dhe zëvendësoni ato ekzistuese.

Dhe së fundi, zemra e tulzës. Batnichki:

• 1.bat
• 3.bat
• 3-go.bat
• 3-opti-to-out.bat
• 3-jashtë-to-opti.bat

Skeda e parë, 1.bat, rikrijon strukturën nga [uploads]. Janë krijuar 3 dosje shtesë: [jpg_jpegtran] [png_optipng] [png_pngout] me skedarët e përpunuar të minimizuar të llojit të tyre (jpg - vetëm * .jpg-skedarë, të njëjtë me png).

3.bat vazhdimisht lëshon tri skedarë grumbullimi për ekzekutim:

• 3-go.bat është pothuajse e njëjtë me 1.bat. Kalo skedarët jpg / png përmes minimizuesve. Rezultati i punës do të jetë 3 dosje (shih më lart) me imazhet përkatëse.
• 3-opti-to-out.bat krijon skedarin [png_optipng-to-pngout], në të cilën skedarët e përpunuar nga optipng + pngout janë shkruar (pikërisht në këtë sekuencë).
• 3-out-to-opti.bat krijon një [png_pngout-to-optipng] dosje në të cilën skedarët e përpunuar nga pngout + optipng janë shkruar. Ngjashëm me atë të mëparshëm, vetëm në një rend tjetër.

Në parim, vetëm 1.bat është e mjaftueshme për nevojat tona. 3x çanta u shfaqën si rezultat i hulumtimeve dhe gabimeve në versionin e mëparshëm të skedarit batch. Kështu ndodhi që gjatë gabimit skedarët për pngout janë marrë nga drejtoria optipng. Dhe çfarë ishte surpriza ime kur nisja e versionit të vjetër dha 1,5 herë madhësi më të vogël se në dosjen e përditësuar të serisë. Si rezultat, doli se përpunimi i dyfishtë mund të "arrijë" fotot mirë. Por kjo merr pothuajse dy herë më shumë kohë. Pra, vendosni veten nëse është e nevojshme.

Udhëzime të shkurtra për punë

1. Shkarko arkivin .
2. Shpaketojeni.
3. Shko te dosja e sapohapur [OptimizeImg].
4. Të gjitha skedarët që kërkojnë dhimbje, kopjojnë dosjen [upload].
5. Run 1.bat dhe prisni. Nëse ka shumë skedarë dhe ata janë png, prisni një kohë të gjatë.
6. Kur shfaqet një mesazh në dritaren e zezë për nevojën e shtypjes së një butoni për të vazhduar, gjithçka është gati. Mbetet për të marrë përmbajtjen e dosjeve të krijuara dhe për të kopjuar në hosting përmes FTP, duke shkruar skedarët e vjetër.

Për shembull. Le të keni një blog në WordPress. Të gjitha imazhet ruhen në [ / wp-content / uploads / ]. Shko te dosja e faqes (nëpërmjet ftp), shkoni te [ wp-content ] dhe thjesht kopjoni [ ngarkimet ] në dosjen OptimizeImg me të njëjtin emër. Run 1.bat dhe prisni. Pas përfundimit të punës, përmbajtja [jpg_jpegtran] (shkojmë atje!) Ngarkohet në server. Kërkesat për skedarët ekzistues janë përgjigjur me overwriting. Një mashtrim i ngjashëm për png, por së pari ne shikojmë se në cilën dosje - [png_optipng] ose [png_pngout] - merr më pak hapësirë, plotësojeni atë me përmbajtjen e saj.

Mos kini frikë të dëmtoni fotografi të tjera. Batniki punon vetëm me jpg / png dhe vetëm imazhet e këtyre llojeve shkruhen në dosjet e krijuara rishtazi.

Unë shpresoj se dikush do të jetë i dobishëm. fat të mirë!

Supplements

1. Rruga për [OptimizeImg] nuk duhet të përmbajë shenjë paralajmëruese ! dhe %
2. Run scripts si administrator nuk është e nevojshme. Për më tepër, në këtë rast, ata nuk mund të punojnë!
3. ...

autorët

jo online 13 orë

x64 (aka andi)

Komente: 2846 Publikime: 395 Regjistrimi: 02-04-2009