Ehtiyotkorlik bilan, juda ko'p rasm! Hammasi tıklanabilir.
PNG
Raster grafik formati Veb 2.0 davrida mashhurlik ortib borayotgan PNG 1995-yilda uzoq sobiq GIF (va qisman TIFF) o'rnini egalladi. O'sha vaqtga kelib, Ptentli GIF egalari "formatini ishlatib, barcha ishlab chiquvchilarning to'rtta raqamli qismini otib tashlashga qaror qildilar va erkin jamoatchilikka hech qanday imkoniyat qolmadi, balki erkin alternativa taklif qilishdi.Xo'sh, formatning afzalliklari qanday?
- Alfa shaffofligi uchun to'liq qo'llab-quvvatlash - oshkoralik. Rasm maydonlarini shaffof va yarqirashga imkon beradi.
- Sifatni yo'qotmasdan sifatli siqishni algoritmi. LZWga o'xshash, lekin biroz samarali.
- Interlaced skanerdan o'tkazish imkoniyati va (GIFdan farqli o'laroq) vertikal va gorizontal ravishda bir vaqtning o'zida.
- Ichki gamma tuzatish. Displeyning tasvir parametrlariga qo'shilish imkonini beradi, shuning uchun tasvirni turli monitorlarda muallif bilan bir xil tarzda ko'rsatish mumkin.
PNG-24 to'liq rang palitrasidan foydalangani uchun uni GIF bilan taqqoslash juda qiyin. PNG-8 bu erda indeks palitrasi bilan o'xshashdir. Taqqoslash uchun, ekran tasvirini: 
Amaliyot (hamkasblar fikriga o'xshash) GIFning oddiy kichik rasmlarini yaxshiroq siqilishini ko'rsatadi. Ammo, katta rasmlarga kelsak, GIF hali ham ortda qolmoqda.
Bundan tashqari, yana bir katta afzallik: aslida, PNG-8, shuningdek, to'liq huquqli alfa kanali ham foydalanishlari mumkin, shuningdek, PNG-24. Faqat fotoshop uni qo'llab-quvvatlamaydi, shuning uchun Lebedev studiyasidagi Sergey Chikuyonok Adobe Fireworks-dan foydalanishni tavsiya qiladi, men buni (bu haqda bir oz) qaror qildim.
Va bu jangda, biz oshkoraligini istamasangiz, PNG, shuning uchun "o'rtalarida bozori", gapirish, yo'qotadi. . Hajmidagi ICC-profilidagi JPEG "kirib bog'liq bo'lsa-da, sezilmaydigan farq Mening keltirilgan o'lchov bo'lib - (ko'z uchun juda sezilarli emas, balki farq) bir kam quvvat bilan JPEG 100% A taqqoslashni, afsuski, hamma ko'proq achinarli ..
Umumiy holda, o'zingiz ko'ring: 
UPD Umuman olganda, natijalar tasvirning o'ziga bog'liqdir: PNG yaxshiroq gradient, ochiq-oydin maydonlarini siqadi, lekin eng yaxshi JPEG siqish uchun rasmlar beradi. faqat maqola ekran tasvirlarni aylantirish jarayonida tekshirish - ular (juda qattiq ishonish), olib keladi, keyin katta PNG rasm va aytish bo'lsa-da (PNG, JPEG qarshi-70% - g'alaba va bir yarim marta).
Fotoshopdan keyin hayot "yoki biz siqib chiqaramiz
oshkoralik odatda muqobil veb formatda har qanday tomonidan etilmaydi, chunki ko'p hollarda, PNG, hatto zaruriy bo'lib qoladi, va nima maqsad u dizaynerlar va tartibi taklif etadi ... UPD Bundan tashqari, Internetdagi dizayn elementlarini hisobga formatda o'ziga xos xususiyatlarini hisobga olgan holda - bu ehtimol, eng yaxshi yechim bo'ldi.Google va salqin. Dastur ri minimal soni PNG-siqilgan fayllar (partiyada shu jumladan) haydab imkonini beradi bilan 1,5 MB hisoblanadi.
Belgilar paketi kuni hajmida daromad (har qanday dudlamoq holda shaffof kelib chiqishi bilan 90 fayllar) 10-15% o'rtacha. Ayniqsa, juda ta'sirli emas. Lekin fayl siqish foiz yuqorida misollar uchun 72% (shaffof dikdörtgenlere) 10% dan (oshkoralik holda katta plakat) o'zgarib turadi. Shunday qilib, u ancha vaqt talab qilmaydi, ayniqsa, yordam dasturi bilan ishlash, u arziydi. 
PNGOUT Bundan tashqari, dasturlari ko'p hali bor, batafsil ko'rinishi bo'lgan paytda bilan shug'ullanish istamayman?
- OptiPNG - grafik qobiqga ega emas va ishlaydi buyruq satri. Tasdiqlanmagan ma'lumotlarga ko'ra, siqishni darajasi past bo'ladi. UPD ammo uning foydalanuvchilari buning aksini ta'kidlamoqda.
- Pngcrush - u, harakat aytmadi "barcha mavjud anglatadi bilan faylni optimallashtirish harakat qiladi", lekin eng muhimi va "harakat kabi" emas "qanday optimallashtirish uchun."
- va bir nechta yordamchi fayllardagi xizmat axlatini tozalashni talab qiladi.
Adobe Fireworks
PNG-8, PNG-24 va PNG-32 + sozlamalar bir guruh: Shubhasiz, Adobe Fireworks men uchun haqiqiy kashfiyot bo'ldi!
PNG-24 va PNG-32 ni batafsil ko'rib chiqmadim. Tushundim, deb ularning 32 jihatidan - bir alfa kanali va 24 - hech. Dastlabki hisob-kitoblarga ko'ra, fotoshop bu vazifani yaxshiroq bajaradi.
Lekin PNG-8 stereotiplar mening barcha (uning hamkasblari va ko'pchilik) sindirdi. natijada fayl shuningdek, "ancha kichik GIF va to'liq ikki yo'l oshkoralik qo'llab-quvvatlash bor: Mening shaxsiy fikrimcha ehtiyojlariga bog'liq bo'lsa-da, bir ahvolga tushgan, PNG-24 nisbatan alfa va indeks oshkoralik bir jilosi indeksi, qoladi - .. eng holatlar udelyvaet yilda PNG-8 va GIF va PNG-24.
Afv uchun GIF boshqalar PNG, faqat odatdagidek GIF-JPEG, Fireworks bilan sukut emas ishlash da (I sozlamalar bilan o'ynash emas). Lekin gif foydasiga farq ovsky natijasida "fotoshop nisbatan hatto:
Va PNG-8 xilma - u Adobe Fireworks o'rnatishdan arziydi: 
Taqqoslash uchun, shu harakat Photoshop fayl deb bir marta, har 6 ko'p, 450, hozir qabul 3188 bayt qarshi tortilishi.
Hukm
Mening fikrimcha, GIF o'zidan oldingi davrga to'g'ri keldi. Hozir uning mavjudligi, avvalambor, jamiyatning inertsiyasidir. UPD Biroq, har xil tirik bo'lgan imkoniyatlar segment barcha erta hali :) GIF qoladi.shaffof dizayn elementlari PNG-8 foydalanish kerak (kamdan-kam hollarda, PNG-24, brusok PNG-8 zarar holda tasvirlarni saqlash uchun etarli emas).
fotosuratlar va JPEG murakkab grafika uchun hali ham kuchli tasvir optimallashtirish imkoniyatlarini rahbari bo'lib qoladi. Ba'zi hollarda bu yetarli va PNG-8 bo'lishi mumkin-da - deb oldin, GIF bilan "om, qalin tajribalar - muvaffaqiyat kaliti. UPD Biroq, katta hajmdagi rasmlar uchun JPEG haligacha yo'qoladi.
UPD "Qisqa" aniqlovchi dalolat men, albatta, mutaxassis va sharh, uning tizzasiga yozilgan emasman; Ehtimol, eng yaxshi misollarda emas. Muhokamada faol ishtirok etgan har bir kishiga, ayniqsa, rahmat
Blogdagi har kimga salom. Umuman olganda, men ushbu maqolada rasmlar uchun ikkita ma'lumot kengaytmasi haqidagi afsonalarni tarqatmoqchiman png eng yaxshi hali ham topilmadi. Narsa, dasturga va tuzilishga bog'liq holda, sayt tezligiga va optimallashtirishga ta'sir qilishi mumkin. Sizni ozgina qoldirib ketganmi? Keyin o'qing.
Ikki formatli png va jpg formatidagi farqlar mavjud.
Bu rasm kabi ko'rinadi va unda nima bor, ammo bu ranglar haqida. Jildini formatlash eng keng tarqalgan, chunki boshqalarga nisbatan:
- U ozroq og'irlik qiladi (ammo bu yana ko'rib chiqilishi kerak bo'lgan bahsli masala).
- Siqish oson.
- Transmissiyada juda ko'p rang mavjud.
PNG-8 ning png-24 moslamasi bilan solishtirganda, sayt binosidagi eng keng tarqalgan png-8 formati fayl hajmi katta farq qiladi, shuning uchun ikkinchisi juda kam qo'llaniladi.
Ikki format o'rtasidagi asosiy farq shundaki, jpeg shifoxona va undan ranglar keraksiz bo'lganlarni olib tashlash uchun olinmaydi va shu bilan rasmning hajmini kamaytiradi va jpg ning shaffof fonida bu format qo'llab-quvvatlamaydi.
Miflarni yo'q qiling.
Barcha saitostroevlarning eng muhim afsonasi, har qanday holda pngdan foydalanishni istamasangiz, bu bema'nilikdir, siz ushbu formatdagi tasvirlarni siqib, uni JPGdan ko'p jihatdan optimallashtirib, ko'p jihatdan to'g'ri yondashishingiz mumkin.
To'g'ri formatni qanday tanlash mumkin?
Misol uchun, rasmni bizning rus bayrog'imizga olib boraylik.
Photoshop misolida barcha operatsiyalarga qarayman, bu osonroq. Katta hajmli va kichik rangni, uchta rangni maxsus tanladim va endi uni saqlashni istayman, nima bo'lishini bilib oling, avval fayl formatini olaman.
Lekin agar uni PNGda saqlasam nima bo'ladi.
Hajmi deyarli 6 marta kamaydi. Hech narsa qilmadim, faqat ranglarning minimal sonini o'rnatdim, faqat super o'ylayman. Ushbu usul blogda bo'lgani singari, rang-barang izohga ega bo'lmaganlar uchun ham javob beradi, barcha ekranlar shuning uchun tayyorlanadi, ranglarning minimalini o'qiy oladigan va hamma narsa yaxshi.
Bu siz tekshirishi kerak bo'lgan vaqt, bu saytlar haqida emas, balki. Qattiq diskning o'lchami kauchuk emas, onamning fotosuratlari va ishlarning rasmlari umumiy 246 ta konsertdan iborat bo'lib, u nima uchun bu qadar ko'p va etarli bo'sh joyni hayratda qoldirdi. Faqat usulimni ishlatishim kerak va bu ham shunday.
Albatta, agar rasm ko'p rang va soyalar bilan rangli bo'lsa, unda png yordam bermaydi va keyin sizga foydalanishni maslahat beraman.
- Blogdagi barcha tasvirlarni ko'rib chiqing va turli formatdagi rasmlar uchun jpeg yoki pngdan qaysi formatni tanlashni tanlang. Hatto siqilgan va optimallashtirilganlar, hatto ular yana kesilib, sifatini yo'qotib qo'ygan.
- Yangi maqolalarni yozishda, bu daqiqani baholash uchun men vaqtning ko'p bo'lishi haqida bilaman.
- Yuqorida aytib o'tilgan tartibsizlik dasturidan foydalaning yoki faylni JPGni siqish uchun foydalaning.
- Siz dangasa bo'lmang, chunki u sizga kerak bo'lgan haqiqatda.
Va biznes sizni yana ikki daqiqa davom etadi, va foyda kichik aravachasiga ega bo'lgan butun mashina bo'ladi.
Xullas, maqolangizda, men sizni bilmasligingiz uchun ko'zlarimni ochgan ba'zi narsalar haqida o'ylayman, shuning uchun siz hozir foydalanmoqdasiz va sizni izohlarda kutaman.
Hozirgi kunda etakchi o'rinlar jpeg formatida. Uning fotosuratlar va rangli fotosuratlarni bir necha marta siqish qobiliyati tufayli, u eng kam vazn gif va png formatlaridan oldinda va bmp hali ham "orqada qoladi".
Ehtimol, Internetdagi biror veb-sahifani fotosurat yoki rasmlarsiz topa olmaysiz. Bugungi kunda har qanday veb-sahifani yaratishda norma paydo bo'ldi, chunki rasmlar jonlantirilgan, bezatilgan, saytlarning asosiy mazmunini to'ldiradi va veb-saytning barcha sohalarida muvaffaqiyatli qo'llaniladi. Aytgancha, grafika ko'rsatadigan dastlabki brauzer moslama (mozaik) bo'lib, ular html matnini formatlash tilining ko'rinishi bilan deyarli bir vaqtda paydo bo'lgan.
GIF, PNG va JPG - Endi deyarli barcha brauzerlarda veb uchun ishlatiladigan uchta asosiy Raster formatlarini qo'llab-quvvatlaydi. Tarixan, birinchi gif paydo bo'ldi va u siz qo'shing va tasvirlar va media ma'lumot ko'rsatishi mumkin, birinchi brauzerlar uni foydalanadi. uning yaratishga Dasturchilar saqlangan rasmlar hajmi maksimal kamaytirish qaratilgan.
Axir, Internet tezligi juda kichik va tasvirlar "abadiy" davom emas upload va maxsus "Graphics Interchange Format" ishlab chiqilgan va tatbiq etilgan paytda (bu bir qisqartirish GIF turibdi).
Gif xususiyati u faqat 256 rangdagi iborat sxemasidan o'z ichiga olishi mumkin, deb hisoblanadi. Ya'ni. Bu formatda aylanadi tasvir har doim ortiq 256 ranglar o'z ichiga oladi va barcha boshqa ranglar aralashtirish asosida tashkil etiladi. Lekin u aniq, chunki, bu, eng aralashtirish va Gif to'la rangli fotosuratlar aylantirish qachon kutilmagan asarlar turli bor. Chunki sayt sahifani ko'rish uchun bu ochiq-oydin va katta etishmasligi, to'la-rang rasmlarni tobora JPEG va PNG foydalanayotgan.
Gif, lekin bir sababi oddiy veb sohasida hali mashhur - bu animatsiya, veb ishlatiladigan faqat bir qo'llab-quvvatlaydi. Tirik kulgich va avatarlar, kartochkalar va bannerlar - gif formatida natijasidir. haqiqat hech kam mashhur Flash texnologiyasi, lekin, chunki webmasters dan gif Darlings, ayniqsa yangilar uning oddiylik.
Bu animatsiya mohiyati konteyner gif rasm emas, balki bir necha, va chiqib yozilganligiga Shu vaqt ichida, u orqali bu tasvirlar qaytarilur bo'ladi. Bu holda, u ko'chadan uchun animatsiya mumkin, va keyin o'tgan ramka yana birinchi namoyish boshlanadi. Bugun, siz o'z gif animatsiya yaratish mumkin Internetda bo'yicha ko'p maxsus muharrirlar bor.
Bundan tashqari, gif yaratilgan tasvirlar uchun shaffoflikni yaratishning ibtidoiy usulini qo'llab-quvvatlaydi. Nega ibtidoiy? PNG formatida bir alfa kanali yordamida erishish mumkin bo'lgan har qanday oraliq davlatlar, shaffof yoki xira, - faqat ikki gif oshkoralik qadriyatlar qo'llab-quvvatlaydi, chunki.
Shu sababli, shaffoflikning o'zgaruvchan darajasini namoyish qilishda qiyinchiliklar mavjud, shuning uchun rasmlar uchun sifatli shaffof fon haqida hamma narsa Pngning imtiyozidir. Deyarli barcha saylovlar ochiq Internetda biz internetda topilishi mumkin bo'lgan png kengaytmasi mavjud.
Har birining topshiriqlarini bajarishga mo'ljallangan Pngning bir nechta varianti mavjud:
Png 8 - bu erda Gif bilan taqqoslaganda, Png 8-da suratni saqlashda faqat 256 rang ishlatiladi, shuning uchun raster grafikalarining bu ikki formatida tasvirni siqish natijalari deyarli bir xil bo'ladi. Gifdagi kabi, bu erda shaffoflik qo'llab-quvvatlanadi, ammo alfa kanali bilan.
Png 24 - bu erda fotosuraning har bir pikseli uchun har biri 8 bitga (8 * 3 = 24) uchta rangli kanal ajratiladi va shu bilan buzilishsiz to'liq rangli tasvirni hosil qiladi. Rangli displeyning sifati bilan u hatto Jpgdan ham oshib ketadi, ammo og'irroq bo'ladi.
Png 32 - bu erda uchta rangli kanal to'liq rangli tasvirni shakllantirish uchun mas'ul bo'lib, to'rtinchisi, alf kanali shakllanishi uchun alohida tanlanadi, bu esa Png 32-ni shaffof fonga ega tasvirlarni ishlab chiqarishga imkon beradi. Png-32-da siz shaffoflik darajasidagi har qanday o'zgarishlarni tanlashingiz mumkin, shunda bu rasmlar barcha fon sahifalari bilan bir xilda ko'rinadi.
Keling, barcha ma'lumotlarni umumlashtirib, bir nechta xulosa chiqaraylik.
