Sayt uchun optimallash: jpegtran yordamida ommaviy ishlov berish optipng | pngout

  1. Talablar
  2. Tasvirlar uchun tavsiyalardan foydalanamiz
  3. Arxiv tuzilishi
  4. Ish uchun qisqacha ko'rsatmalar
  5. Qo'shimchalar

Rasmsiz sayt - anachronizm. Juda ko'p odamlar o'ylaydi, va bu aql-idrokdan mahrum emas. Yodingizda bo'lsin, qachongacha siz saytga so'nggi marta tashrif buyurdingiz va qancha muddat davomida bu ishni qildingiz?

Matn ma'lumoti tasvirdan ancha kichik. Biroq, odamlar ko'zlarini sevishadi. Shu sababli, bu rasmlar hikoyaning shubhasiz afzalligi bo'ladi.

Umuman olganda, matn haqida gapirganda, uning mazmuni va qulay ingl. Taqdimot, jumladan paragraflar, ro'yxatlar, takliflar, jadvallarni bildiramiz. Biroq, bu etarli emas va hatto axborot saytlari jurnalistlarning tasvirlarini taqdim etishga harakat qilmoqda.


Tasavvur qilish kerakligini taxmin qilaylik. Bu rasmlar, diagrammalar, rasmlarni oddiygina tushuntirib berishi mumkin.

Ko'p o'tmay, Putin abadiy tuyulmagach, birinchi tibbiy veb-portalimni yaratdim. Atlasga rasmlar qo'yish kerak edi. Ko'rinib turibdiki, tananing anatomik tuzilishini rasmsiz tasavvur qilish qiyin, va undan ham ko'proq so'zlar bilan ta'riflash qiyin. Bundan tashqari, men bmp (siqilmagan format) ga rasmlar yukladim. Xamirni tortishgan deb aytishim kerakmi? Bundan tashqari, ayrim brauzerlar bunday suratlarni qanday ko'rsatishni bilishmagan.

Xo'sh, nega tasvirni optimallashtirish kerak? Oddiy misol - bu rasm. Zamonaviy telefonlarda 8, 12 va undan ko'p megapikselli kameralar mavjud. 12 MP 4000 × 3000 piksellik tasvirga mos keladi. Sahnaning murakkabligiga qarab, bu 2-5 megabayt hajmiga va hatto undan ham ko'p. Bir nechta fotosurat - va sahifa hajmi juda shishiradi. Rasm mazmun sohasiga mos keladi, ya'ni brauzer dastlab har narsani yuklab, uni o'lchab, keyin esa uni ko'rsatishi kerak. Zaiflar uchun protsessorlar yoki kam miqdorda RAM - falokat.

Endi foydalanuvchi saytni telefondan kuzatayotganini tasavvur qiling. Bunday holda, sahifa o'rnatish oddiygina kutmaydi. Shunday qilib, suratlarni oldindan qisqartirish kerak.

Kimdir bu erda hech qanday nuqta yo'q deb ta'kidlaydi, zamonaviy CMS avtomatik ravishda rasmlarni yuklab olishda kichik rasmlarni yaratadi. Lekin har bir kishi VPS yoki VIP-stavkalari bo'yicha o'z saytlariga egami? Bitta 12 MP tasvirni ko'chirib olish mumkin, ammo uni qayta ishlash uchun PHP 35+ megabaytni (nazariy jihatdan aslida ko'proq) saqlash uchun ajratishi kerak va bundan keyin yana kichik nusxasini yaratish qanchalik muhimligini biladi. Arzon tariflar zudlik bilan resurslardan ortiqcha tushib ketadi. Yaxshi xostar foydalanuvchi bundan buyon qilmaslikni so'raydi, yomon kishi buni e'tiborsiz qoldiradi, chunki pul faqat xizmat uchun emas, balki u uchun muhim.

Shunday qilib, biz to'g'ri harakat qilishga qaror qildik. Biz oldindan tasvirlarni qisqartiramiz va keyin ularni saytga joylashtiramiz. Shunday qilib, vosita oson va odamlar. Hamma narsa bormi? Haqiqatdan ham emas.

Ko'p muharrirlar qo'shimcha ma'lumotni o'z ichiga olgan original qismlarni (meta-axborot, faylning rasmsiz qismlari) saqlaydi. Misol uchun, agar siz telefoningizda biror narsani suratga olsangiz, faylni kompyuterga o'tkazing, o'ng tugmachani bosib, "Xususiyatlar → Ma'lumotlar" ni tanlang, siz qurilmadagi ma'lumotlarni ko'rasiz: siz suratga olgan kamera, tortish tezligi, ISO va boshqalar. Foydalanuvchining uchun bu ma'lumot foydasiz, shuning uchun siz uni qutqarasiz.

Xo'sh, bu haqda bir o'ylab ko'ring. U erda nima bor, bir qancha ma'lumotlar mavjud? Tasavvur qiling. Ba'zan siz bunday ma'lumotlarning yuzlab kilobaytli rasmlarini olasiz. Bugungi kunda ular 584 KB hajmdagi logotipni joylashtirishdi. Shu bilan birga, foydali ma'lumotlar faqat 14 kilogramm! Menga kelsak, tashrif buyuruvchini yuqoridan 570 KB yuklab olishni majbur qilish to'g'ri emas.

Pastdagi jami so'zlarni qisqacha bayon qilaylik. Saytning foydalanuvchilari yaxshi ishlashi uchun siz quyidagilarni bajarishingiz kerak:

  1. Rasm hajmini qisqartiring. Har qanday grafik muharririga yordam berish.
  2. Fayl qismlarini tashqariga chiqarish kerak emas. Aslida foydalanuvchi faqat rasmga muhtoj.
  3. Rasm hajmini yanada kamaytirishga harakat qiling.

Birinchi xat har bir faylda shaxsiy ishni o'z ichiga oladi. Vaqt talab etiladi, lekin eng yaxshi natijaga olib keladi. Biz har bir faylni ochamiz, sifatini kamaytiramiz, keyin esa kamaytiramiz.

Biroq 2 va 3-paragraflar maxsus dasturlarning marhamati bilan berilishi mumkin. Tasvirlar bilan ishlaydigan dasturiy ta'minot. Google quyidagi dasturlarni taklif qiladi:

  • jpg tasvir formati uchun jpegtran .
  • optimallashtirish va PNG tasvirlari uchun pngout .

Grafik muharrirlar odatda bu bilan bezovta qilmaydi. Ular oddiygina suratni saqlab qolishadi, oldindan tanlangan siqishni algoritmlari bir xil sozlamalar, quantizatsiya koeffitsientlari va boshqa narsalar bilan belgilanadi. Bundan tashqari, ko'pchilik halol mavjud meta-ma'lumotni uzatadi va o'zlarini qo'shib, fayl hajmini yanada oshiradi.

Talablar

Bir yil avval ular xizmat haqida gaplasha boshlashdi. PageSpeed ​​Insights Google'dan. Darhaqiqat, bu - "yaxshi ish qilish" bo'yicha qidiruv gigantining tavsiyalari. Faqat sayt manzilini kiriting va optimallash uchun takliflar ro'yxatini oling. U yerda sizning saytingiz uchun mo'ljallangan optimallashtirilgan resurslarni, shu jumladan, rasmlarni yuklab olishingiz mumkin. To'g'ri, bu faqat tekshirilgan sahifa uchun tegishli.

Agar sizning veb-saytingiz bo'lsa, qarashga ishonch hosil qiling Ushbu maqola . WordPress-dan foydalanuvchi uchun juda foydali.

Tasvirlar uchun tavsiyalardan foydalanamiz

Oddiy ko'rinadi: Google tomonidan belgilangan dasturlarni yuklab oling va serverdagi barcha fayllarni ishga tushirish. Muammo shundaki, bu yordam dasturlari konsol hisoblanadi. Ular bir vaqtning o'zida faqat bitta faylni oladilar. Lekin biz behuda ishlamayapmiz oxirgi maqola fayllarni to'plash uchun vaqt kerakmi?

Maqoladagi ma'lumotlar o'zingizning fayllaringizni ishlov beruvchini massiv yaratish uchun kifoya qiladi, shuning uchun qaerda bo'yashni istamayman. Men o'zimni ishlatadigan tayyor majmuani yuklab olishni taklif qilaman.

Yuklab olish arxivi (212 KB)

Arxiv tuzilishi

Arxivda [ OptimizeImg ] jildi mavjud. Ishni boshlash uchun uni bir joydan oching. Uni c: \ temp-da joylashgan joyga qo'yaman, lekin bu muhim emas. Eng muhimi, yo'lda unlining belgisi yo'q.

Keyingi. Ushbu papkada [ yuklamalar ] pastki katalogi mavjud. Bu erda ishlashni talab qiladigan fayllarni qo'yish kerak. Eng yaxshi qism, hech bo'lmaganda papkada / fayl tuzilishiga o'tishi mumkin.

Yana 3 ta dastur mavjud: jpegtran.exe | optipng.exe | pngout.exe, Google tomonidan tavsiya etilgan juda ko'p yordam dastur. Tegishli rasmiy saytlardan / omborlardan yuklab oling. Agar shubhangiz bo'lsa yoki yangilanishni xohlasangiz, ishonchli manbadan yuklab oling va mavjud bo'lganlarni almashtiring.

Va nihoyat, tulzaning yuragi. Batnichki:

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

Birinchi fayl, 1.bat, tuzilishini [yuklamalar] dan qaytadan yaratadi. 3 ta qo'shimcha papka yaratiladi: [jpg_jpegtran] [png_optipng] [png_pngout] ularning turiga ishlov berilgan minimallashtirilgan fayllar bilan (jpg - faqat * .jpg-fayllar, png bilan bir xil).

3.bat ketma-ket bajarish uchun uchta ommaviy ish faylini ishga tushiradi:

  • 3-go.bat deyarli 1.bat bilan bir xil. Minimallashtiruvchi fayllar orqali jpg / png fayllarini o'tkazing. Ish natijalari tegishli rasm bilan 3 ta papkadan iborat (yuqoriga qarang).
  • 3-opti-to-out.bat [png_optipng-to-pngout] papkasini yaratadi, unga optipng + pngout orqali ishlov berilgan fayllar yoziladi (shu tartibda).
  • 3-out-to-opti.bat [png_pngout to optipng] papkasini yaratadi, unga pngout + optipng tomonidan ishlangan fayllar yoziladi. Avvalgi kabi, faqat boshqa bir qatorda.

Asos sifatida bizning ehtiyojlarimiz uchun faqatgina 1.bat etarli. Tadqiqot natijalari va ommaviy ish faylining oldingi versiyalaridagi xatolar natijasida 3x qoplar paydo bo'ldi. Xato ichida pngout fayllari optipng katalogidan olingan. Eski versiyaning ishga tushirilishi yangilangan faylga qaraganda 1,5 barobar kichik o'lchamga ega bo'lganda mening ajablantiradigan narsa nima edi. Natijada, ikkilamchi ishlov berishni yaxshi suratga olish mumkin. Ammo bu deyarli 2 barobar ko'proq vaqtni oladi. Shunday ekan, o'zingizga kerakli qaror bering.

Ish uchun qisqacha ko'rsatmalar

  1. Arxivni yuklab oling .
  2. Uni oching.
  3. Yangi ochilgan [OptimizeImg] jildiga o'ting.
  4. Tortishishni talab qiladigan barcha fayllar [yuklash] papkasini nusxa ko'chiring.
  5. 1.batni ishga tushiring va kuting. Agar ko'plab fayllar mavjud va ular png bo'lsa, uzoq vaqt kuting.
  6. Qora oynada davom etish uchun tugmani bosish kerakligi haqida xabar paydo bo'lganda, hamma narsa tayyor. Yaratilgan papkalarning mazmunini va FTP orqali hostingga ko'chirish, eski fayllarni yozishni davom ettiradi.

Misol uchun. Sizda WordPress blogi bo'lsin. Barcha tasvirlar [ / wp-content / uploads / ] da saqlanadi. Saytdagi papkaga o'ting (ftp orqali), [ wp-kontent ] ga o'ting va [ yuklamalar ] ni bir xil nomdagi OptimizeImg papkasiga nusxa ko'chiring. 1.batni ishga tushiring va kuting. Ish tugagandan so'ng, [jpg_jpegtran] tarkibi (biz u erga boramiz!) Serverga yuklanadi. Mavjud fayllar uchun so'rovlar yoziladi. PNG uchun shunga o'xshash hiyla-nish, lekin oldin qaysi papkaga qarab [png_optipng] yoki [png_pngout] - kam joy egallaydi, uning mazmuni bilan to'ldirilsin.

Boshqa fayllarni buzishdan qo'rqmang. Batniki faqatgina jpg / png bilan ishlaydi, va faqat ushbu turdagi tasvirlar yangi yaratilgan papkalarga yoziladi.

Umid qilamanki, kimdir foydali bo'ladi. Muvaffaqiyatlar!

Qo'shimchalar

  1. [OptimizeImg] yo'li yo'l-yo'riq belgilaridan iborat bo'lmasligi kerak ! va %
  2. Buyruq fayllarini boshqaruvchi kerak emasligi uchun boshqaring. Bundan tashqari, bu holatda, ular ishlamasligi mumkin!
  3. ...

Nashriyotchi

13 soat onlayn emas

x64 (aka andi)

Sharhlar: 2846 Nashrlar: 395 Ro'yxatga olish: 02-04-2009Yodingizda bo'lsin, qachongacha siz saytga so'nggi marta tashrif buyurdingiz va qancha muddat davomida bu ishni qildingiz?
Xamirni tortishgan deb aytishim kerakmi?
Xo'sh, nega tasvirni optimallashtirish kerak?
Lekin har bir kishi VPS yoki VIP-stavkalari bo'yicha o'z saytlariga egami?
Hamma narsa bormi?
U erda nima bor, bir qancha ma'lumotlar mavjud?

Новости