• Главная
  • Карта сайта
Не найдено

Attēla optimizācija vietnei: partijas apstrāde, izmantojot jpegtran optipng | pngout

  1. Priekšnoteikumi
  2. Mēs izmantojam ieteikumus attēliem
  3. Arhīva struktūra
  4. Īss darba apraksts
  5. Papildinājumi
  6. x64 (aka andi)

Vietne bez attēliem - anahronisms. Tik daudzi cilvēki domā, un tam nav veselā saprāta. Atcerieties, cik ilgi jūs esat bijis uz vietas pēdējo reizi un cik ilgi jūs esat bijis tajā?

Teksta dati ir daudz mazāki nekā attēls. Bet ir zināms, ka cilvēki mīl savas acis. Tāpēc attēli būs neapšaubāmi izdevīgi.

Kopumā runājot par tekstu, mēs saprotam gan tā saturu, gan ērtu vizuālo prezentāciju, tostarp punktus, sarakstus, pēdiņas, tabulas. Tomēr ar to nepietiek, un pat ziņu vietnes cenšas nodrošināt žurnālistu attēlus.

Tomēr ar to nepietiek, un pat ziņu vietnes cenšas nodrošināt žurnālistu attēlus

Sāksim ar pieņēmumu, ka attēli ir nepieciešami. Tie var būt fotoattēli, diagrammas, vienkārši izskaidrojot attēlus.

Ilgu laiku, kad Putins nešķita mūžīgs, es izveidoju savu pirmo medicīnas tīmekļa portālu. Bija nepieciešams ievietot attēlus atlantā. Ir skaidrs, ka ir diezgan grūti iedomāties ķermeņa anatomisko struktūru bez attēliem, un vēl jo vairāk, lai aprakstītu ar vārdiem. Un bez turpmākas piezīmes, es augšupielādēju bildes bmp (nesaspiests formāts). Vai man jāsaka, ka tie nosver mīklu? Turklāt dažas pārlūkprogrammas nezināja, kā rādīt šādus attēlus.

Tātad, kāpēc optimizēt attēlus? Vienkāršs piemērs ir fotoattēls. Mūsdienu telefonos ir kameras 8, 12 un vēl vairāk megapikseļu. 12 MP atbilst 4000 × 3000 pikseļu attēlam. Atkarībā no skatuves sarežģītības, tas atbilst 2-5 megabaitu lielumam un pat vairāk. Daudz fotoattēlu - un lappuses izmērs - uzplaukst daudz. Attēls iekļaujas satura apgabalā, kas nozīmē, ka pārlūkam vispirms ir jāiegādājas viss, mērogot un tikai pēc tam to parādīt. Par vājiem pārstrādātājiem vai ar nelielu RAM daudzumu - katastrofa.

Tagad iedomājieties, ka lietotājs skatās vietni no tālruņa. Šādā gadījumā lapas ielāde vienkārši nevar gaidīt. Tātad, attēli ir iepriekš jāsamazina.

Kāds apgalvos, ka šajā ziņā nav jēgas, mūsdienu CMS automātiski lejupielādē attēlus sīktēlus. Bet vai ikvienam ir savas vietnes ar VPS vai VIP likmēm? Lejupielādējiet vienu 12 MP attēlu, taču, lai to apstrādātu, PHP būs jāpiešķir 35 + megabaiti (teorētiski vairāk vairāk) uzglabāšanai, un pēc tam joprojām zina, cik daudz ir jāizveido mazāka kopija. Lēti tarifi nekavējoties ienirt resursu pārsniegumā. Labs palīgs prasīs lietotājam vairs to nedarīt, slikts tas ignorēs, jo viņam ir svarīga tikai nauda, ​​nevis pakalpojumu sniegšana.

Un tā, mēs nolēmām rīkoties pareizi. Mēs sākotnēji samazinām attēlus un pēc tam augšupielādējam tos vietnē. Tāpēc dzinējs ir vieglāks, un cilvēki. Vai viss ir Nav īsti.

Daudzi redaktori saglabā oriģinālos gabalus (meta informāciju, faila daļas, kas nav attēla daļas), kas satur papildu informāciju. Piemēram, ja jūs fotografējat kaut ko tālrunī, pārsūtiet failu uz datoru, noklikšķiniet uz tās ar labo taustiņu un atlasiet “Properties → Details”, jūs redzēsiet datus ierīcē: kādu kameru esat fotografējis, aizvara ātrumu, ISO un tā tālāk. Lietotājam šī informācija ir bezjēdzīga, lai to varētu atbrīvot.

Nu, padomājiet par to, viens gabals. Kas ir tur, kāda informācija ir ietverta? Iedomājieties. Dažreiz jūs saņemsiet attēlus, kuros simtiem kilobaitu šādu datu. Tieši šodien viņi nosūtīja 584 KB lielu logotipu, lai to izvietotu. Tajā pašā laikā noderīga informācija bija tikai 14 KB! Kas attiecas uz mani, nav pilnīgi pareizi piespiest apmeklētāju lejupielādēt 570 KB no augšas.

Apkoposim starpsummas. Lai vietnes lietotāji varētu darīt labi, jums ir nepieciešams:

  1. Samaziniet attēla izmēru. Lai palīdzētu jebkuram grafikas redaktoram.
  2. Izmetiet faila daļas ir nevajadzīgas. Patiesībā lietotājam ir nepieciešams tikai attēls.
  3. Centieties vēl vairāk samazināt attēla izmēru.

Pirmajā daļā ir ietverts individuāls darbs ar katru failu. Tas ir laikietilpīgs, bet tas rada vislabāko rezultātu. Mēs atveram katru failu, sagriežam, samazinām un saglabājam ar pieņemamu kvalitāti.

Taču 2. un 3. punktu var sniegt īpašo programmu žēlastībā. Programmatūra darbam ar attēliem. Google iesaka šādas programmas:

  • jpegtran jpg attēla formātam.
  • PNG attēlu optipng un pngout .

Nedaudz par 3. lpp. Grafiskie redaktori parasti ar to neuztraucas. Viņi vienkārši saglabā attēlu, iepriekš izvēloties nospiežot kompresijas algoritmus ar tādiem pašiem iestatījumiem, kvantēšanas koeficientiem un citām lietām. Turklāt daudzi godīgi nodod pieejamo metadatu un pievieno savu, vēl vairāk palielinot faila lielumu.

Priekšnoteikumi

Pirms gada viņi sāka runāt par šo pakalpojumu. PageSpeed ​​ieskats no Google. Faktiski tie ir meklēšanas giganta ieteikumi par „kā labi rīkoties”. Vienkārši ierakstiet vietnes adresi un saņemiet optimizācijas ieteikumu sarakstu. Šeit jūs varat arī lejupielādēt jau optimizētus resursus, tostarp attēlus, savai vietnei. Tiesa, tas attiecas tikai uz pārbaudīto lapu.

Ja jums ir tīmekļa vietne, noteikti skatieties šo rakstu . Īpaši noderīga tiem, kas izmanto WordPress.

Mēs izmantojam ieteikumus attēliem

Šķiet vienkārši: lejupielādējiet Google norādītās programmas un palaist visus serverī esošos failus. Problēma ir tā, ka šie komunālie pakalpojumi ir konsoli. Vienlaicīgi tie aizņem tikai vienu failu. Bet mēs neesam veltīgi pēdējais raksts veica laiku, lai partijas failus, vai ne?

Informācija no raksta ir diezgan pietiekama, lai izveidotu savu failu apstrādātāju masveidā, tāpēc es nebūs gleznot, kur tas ir. Es tikai iesaku lejupielādēt gatavo montāžu, kuru es izmantoju pats.

Lejupielādēt arhīvu (212 KB)

Arhīva struktūra

Arhīvā ir mape [ OptimizeImg ]. Lai sāktu darbu, izslēdziet to kaut kur. Man tas atrodas c: o vai tas nav svarīgi. Galvenais ir tas, ka ceļš nesatur izsaukuma zīmes.

Tālāk. Šajā mapē ir [ augšupielādes ] apakšdirektorija. Šeit jums ir nepieciešams ievietot failus, kuriem nepieciešama apstrāde. Labākā daļa ir tā, ka jūs varat nospiest vismaz mapes / faila struktūru.

Ir vēl 3 programmas: jpegtran.exe optipng.exe pngout.exe ir Google ieteicamā lietderība. Lejupielādēts no atbilstošajām oficiālajām vietnēm / krātuvēm. Ja rodas šaubas, vai vienkārši vēlaties atjaunināt, lejupielādēt no uzticama avota un nomainīt esošos.

Un visbeidzot, Tulzas sirds. Batnichki:

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

Pirmais fails 1.bat izveido struktūru no [uploads]. Izveidotas 3 papildu mapes: [jpg_jpegtran] [png_optipng] [png_pngout] ar apstrādātiem minimizētiem failiem, kuru tips ir (jpg - tikai * .jpg-faili, tas pats ar png).

3.bat secīgi palaiž trīs partijas failus izpildei:

  • 3-go.bat ir gandrīz tāds pats kā 1.bat. Izlaist jpg / png failus, izmantojot minimizers. Darba rezultāts būs 3 mapes (skatīt iepriekš) ar atbilstošajiem attēliem.
  • 3-opti-to-out.bat izveido mapi [png_optipng-to-pngout], kurā tiek rakstīti faili, kas apstrādāti optipng + pngout (tieši šajā secībā).
  • 3-out-to-opti.bat izveido [png_pngout-to-optipng] mapi, kurā tiek rakstīti pngout + optipng apstrādātie faili. Līdzīgi kā iepriekšējais, tikai citā secībā.

Principā pietiek tikai 1.bat mūsu vajadzībām. 3x maisiņi parādījās izpētes un kļūdas rezultātā iepriekšējā sērijas faila versijā. Tā notika, ka kļūdas laikā pngout faili tika noņemti no optipng direktorijas. Un kāds bija mans pārsteigums, kad vecās versijas ieviešana deva 1,5 reizes mazāku izmēru nekā atjauninātajā sērijveida failā. Rezultātā izrādījās, ka dubultā apstrāde var “labi panākt” attēlus. Bet tas aizņem gandrīz 2 reizes vairāk laika. Tāpēc izlemiet, vai tas ir nepieciešams.

Īss darba apraksts

  1. Lejupielādēt arhīvu .
  2. Izņemiet to.
  3. Dodieties uz nesen atvērto mapi [OptimizeImg].
  4. Visi faili, kuriem nepieciešama stingrība, kopē mapi [augšupielādēt].
  5. Izpildiet 1.bat un gaidiet. Ja ir daudz failu un tie ir png, pagaidiet ilgu laiku.
  6. Ja melnajā logā parādās paziņojums par nepieciešamību nospiest taustiņu, lai turpinātu, viss ir gatavs. Jāsaglabā izveidoto mapju saturs un jāpārkopē uz hostingu, izmantojot FTP, pārrakstot vecos failus.

Piemērs. Ļaujiet jums izveidot emuāru par WordPress. Visi attēli tiek saglabāti [ / wp-content / uploads / ]. Dodieties uz vietnes mapi (izmantojot ftp), dodieties uz [ wp-content ] un vienkārši kopējiet [ augšupielādes ] uz mapi OptimizeImg ar tādu pašu nosaukumu. Izpildiet 1.bat un gaidiet. Kad darbs ir pabeigts, saturs [jpg_jpegtran] (mēs ejam tur!) Tiek augšupielādēts serverī. Uz pieprasījumiem par esošajiem failiem tiek atbildēts pārrakstot. Līdzīgs triks png, bet vispirms mēs skatāmies, kura mape - [png_optipng] vai [png_pngout] - aizņem mazāk vietas, aizpildiet to ar tās saturu.

Nebaidieties sabojāt citus failus. Batniki strādā tikai ar jpg / png, un jaunizveidotajām mapēm tiek ierakstīti tikai šo tipu attēli.

Es ceru, ka kāds būs noderīgs. Panākumi!

Papildinājumi

  1. Ceļš uz [OptimizeImg] nedrīkst saturēt izsaukuma zīmes ! un procenti %
  2. Palaist skriptus kā administrators nav nepieciešams. Turklāt šajā gadījumā tie var nedarboties!
  3. ...

Izdevējs

nav tiešsaistē 13 stundas

x64 (aka andi)

Komentāri: 2846 Publikācijas: 395 Reģistrācija: 02-04-2009

Atcerieties, cik ilgi jūs esat bijis uz vietas pēdējo reizi un cik ilgi jūs esat bijis tajā?
Vai man jāsaka, ka tie nosver mīklu?
Tātad, kāpēc optimizēt attēlus?
Bet vai ikvienam ir savas vietnes ar VPS vai VIP likmēm?
Kas ir tur, kāda informācija ir ietverta?
Новости
Провайдеры:
  • 08.09.2015

    Batyevka.NET предоставляет услуги доступа к сети Интернет на территории Соломенского района г. Киева.Наша миссия —... 
    Читать полностью

  • 08.09.2015
    IPNET

    Компания IPNET — это крупнейший оператор и технологический лидер на рынке телекоммуникаций Киева. Мы предоставляем... 
    Читать полностью

  • 08.09.2015
    Boryspil.Net

    Интернет-провайдер «Boryspil.net» начал свою работу в 2008 году и на данный момент является одним из крупнейших поставщиков... 
    Читать полностью

  • 08.09.2015
    4OKNET

    Наша компания работает в сфере телекоммуникационных услуг, а именно — предоставлении доступа в сеть интернет.Уже... 
    Читать полностью

  • 08.09.2015
    Телегруп

    ДП «Телегруп-Украина» – IT-компания с 15-летним опытом работы на рынке телекоммуникационных услуг, а также официальный... 
    Читать полностью

  • 08.09.2015
    Софтлинк

    Высокая скоростьМы являемся участником Украинского центра обмена трафиком (UA — IX) с включением 10 Гбит / сек... 
    Читать полностью