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.
Buning sababi, kamera siz uchun kontrastli va yuqori darajadagi nazorat kabi bir nechta ishlov berish variantlari mavjudligi bilan bog'liq. Ushbu misolda bu yaxshi ishlangan bo'lsa-da, har qanday vaziyatda sizning ideal ko'rinishingiz bo'lmasligi mumkin, ayniqsa, sizning yoritishingiz ideal bo'lmasa. Bu ko'proq vaqtni anglatadi, lekin natijada sizning tasvirlaringizdan eng yaxshi sifatni olish imkoniyati.
Kasbiy tortishish, jurnalistik tortishish zarur qo'shimcha doiralar va tonal detallar.
- Tasvirlarni darhol ko'rishingiz kerak.
- Past sifatni ishlatish, masalan, veb-saytga tushirish.
- Xotira kartasidagi cheklangan joyingiz bor.
- Radial tortishish.
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.
Men uchun bu oxir-oqibat vaqtga to'g'ri keladi. Yo'qolmasa, tasvir kamayadi, ammo sifati pasaytirmaydi. . Turli xil rang chuqurliklari mavjud: indekslangan rang va to'g'ridan-to'g'ri rang. U indekslangan va to'g'ridan to'g'ri sxemaga ega bo'lishi mumkin, ammo bu biroz tasalli. Fayl o'lchami juda noaniq bo'lib, hech kim bu formatdan foydalanmaydi.
Bu shuni anglatadiki, faylda ko'p ishlatish uchun faqat 256 xil rang bo'lishi mumkin. Bu juda oz tuyuladi, va bu. Yaxshi uchun: timsollarning, chizilgan qo'lga kiritdi va boshqa oddiy tasvirlarning oz bo'lishi kerak. Faqat veb-saytlar uchun foydalanilgan.
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.
Bu aslida piksellar o'rniga chiziqlar va egri chiziqlardan iborat degan ma'noni anglatadi. Vektorli rasmni kattalashganingizda, siz hali ham chiziq yoki chiziqni ko'rasiz. Raster tasvirni kengaytirganda, siz piksellarni ko'rasiz. Biroq, bu qo'llanilgan shakllarning murakkabligiga bog'liqligini yodda tutish kerak. Agar sizning logotipingiz juda murakkab bo'lsa, foydalanuvchi kompyuterini sekinlashtirishi va hatto juda katta fayl hajmi bo'lishi mumkin. Vektorli shakllarni maksimal darajada soddalashtirish muhimdir.
Bu uning qadriyatlarini "tezda" boshqarishi mumkin degan ma'noni anglatadi. Umuman olganda, ular logotiplar yoki grafikalar kabi oddiy tekis shakllar uchun eng mos keladi. Har biri maxsus foydalanish holatlariga ega yuzlab tasvir formati mavjud.
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.
Shu bilan birga, bu 3-rasm formati o'zlari orasida muhim farqlarga ega, bu esa har biri maxsus foydalanish holatlariga mos keladi. Ushbu muhim farqlarni tushunish bizning veb-saytlarimiz va mobil ilovalar foydalanuvchilariga eng yaxshi tasvirlarni taqdim etishga yordam beradi.
Internetda ko'rgan deyarli barcha ma'lumotlar - matn, rasm, video va boshqalar. - ma'lumotlar hajmini qisqartirish va ko'proq ta'minlash uchun qisqartirilsin tezkor uzatish. Tegishli format va siqishni tanlash tasvirning hajmini belgilaydigan asosiy omil hisoblanadi.
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.
Siquv ikki xil bo'lishi mumkin - zarar va yo'qotishsiz. Kayıpsız siqishni bilan, siqishni paytida ma'lumot yo'qolishi tufayli, asl tasvirni siqilgan tasvirdan qayta o'rnatishingiz mumkin. Bu kayıplı siqishni uchun tegishli emas, ya'ni kayıplı siqishni ma'lumotlarni yo'qotish qaytarib bo'lmaydi. Shu bilan birga, bu siqishni nisbati sifatni pasayishi bilan birga keladi, bu esa rasm kengaytganidan keyin yanada aniqroq bo'ladi.
Tasvirning sifati va buzilishining bu sezilarli kamayishiga siqishni artefakti deyiladi. Bundan tashqari, siqishni artefaktlari ko'proq ko'rinadi. Shu bilan birga, rasmda matnni yoki qo'shni piksellar orasidagi keskin kontrastni to'g'ri shaklga ajratish uchun zarur bo'lgan matn bo'lsa, bu kichkina siqishni usuli yaxshi natijalarga olib kelmaydi.
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.
Ushbu matn qo'shni piksellar orasidagi o'tkir kontrastli frontni ifodalaydi. Ushbu surat uchun keyingi siqishni hali ham imkoni bo'lishiga qaramasdan, bu hali ham uch formatning eng osonidir. Siquv vaqtida ma'lumotlar yo'qolmaydi va vahiyda hech qanday siqishni artefaktlari namoyish etilmaydi. Bu uni saqlash yoki uzatish uchun yaroqsiz holga keltiradi raqamli fotosuratlar yuqori piksellar bilan, lekin matnli, timsol va o'tkir qirrali tasvirlar uchun ajoyib tanlov.
Agar siz yaqindan ko'rib chiqsangiz, daraxt va osmonning o'ng tepasida ko'p shovqin bo'ladi. Oddiy shaklda shaffoflik butunlay ko'rinmasligini ko'rsatadi. Tovoq va piktogramlar odatda o'zgaruvchan rangli fonga joylashtirilishi kerak. Shuning uchun, bu timsollarning va piktogrammalarning orqa fonlari shaffof bo'lishi kerak, shunda bir tasvir bir nechta fon rejimida ishlatilishi mumkin.
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:
Qisman shaffoflik qirralarning fonda muammosiz harakatlanishiga olib keladi. Qisman shaffoflikning yo'qligi tufayli, qirralarning tish shifoxonasining yomon ta'siri mavjud. Ushbu 3 formatda qo'llab-quvvatlanishi mumkin bo'lgan ranglar sonida sezilarli farq mavjud.
Bu tabiiy tasvirlarni tasvirlarni saqlash uchun ularni moslashtiradigan narsa. Rang himoyasi kuzatilishi mumkin. Bu sizning veb-saytingizda va ilovada osongina samarali grafik tajriba olishingiz mumkinligini ta'minlaydi. Bepul boshlashingiz va optimallashtirilgan rasmlarni 10 daqiqadan kamroq vaqt ichida yuborishingiz mumkin. Bitmap tasvirlarni qanday saqlash kerak, asosan ularni qanday ishlatishni istayotganingizga bog'liq. Dastur sizga turli xil fayl formatlarini taqdim etishni xohlashi mumkin, ammo bu fayl formati e'tiborini tasdiqlashi shart emas.
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.
Jadval 1 Image format vazifalari
Bu san'at asarlari uchun konteyner bo'lib, u vektor san'atini, bitmapli tasvirlarni yoki raster va vektor kontentining kombinatsiyasini o'tkazishi mumkin. Ular oddiygina mavjud va boshqacha tarzda taqdim etiladi. Bunda biror narsa noto'g'ri emas. Bugungi kunda ikkita alohida tasvirni qo'llab-quvvatlashga hojat yo'q: ish tasvirini va tugagan fayl endi bir xil fayl. Bunday yangi fayllarni ishlatish g'alati tuyulishi mumkin, lekin ish xar o'zgaradi. Foto tarkibi va sahifa tartibi orasidagi masofani belgilash loyqa va dizaynerlar dasturdan ko'proq energiya va moslashuvchanlikni talab qiladi.
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.
O'zingizning fayllaringiz bilan yaratilgan tasvirlar bilan bog'liq muammolarni bilish va butunlay mahalliy yo'lga borishdan oldin printer bilan yaxshi muloqot qilish muhimdir. Siz printerni ishlatadigan asbob-uskunalarni va jarayonlarni saqlab qoldingiz va agar ular eng so'nggi dasturiy ta'minot va apparatni rivojlantirish orqasida qolsa, siz o'z imkoniyatlarini cheklab qo'yishingiz mumkin.
Gif-animatsiya va uning Internetda qo'llanishi
Bundan tashqari, "chiziqli rasm tasvirlari" deb ham ataladi, bitmapli tasvirlar faqat qora rangsiz pikslarni o'z ichiga oladi. Agar tahrir qilish sahifasiga qo'shish uchun imzo tashlamoqchi bo'lsangiz yoki ruchka va siyoh murdasini skanerlashingiz kerak bo'lsa, raster scan aniq va toza tasvirni berishi mumkin.
Keling, barcha ma'lumotlarni umumlashtirib, bir nechta xulosa chiqaraylik.
Blogdagi har kimga salom. Umuman olganda, men ushbu maqolada rasmlarga oid ikkita ma'lumotni kengaytirish haqida afsonani chiqarib tashlamoqchiman, u jpg va png, lekin eng yaxshi narsa hali topilmadi. Narsa, dasturga va tuzilishga bog'liq holda, sayt tezligiga va optimallashtirishga ta'sir qilishi mumkin. Sizni ozgina qoldirib ketganmi? Keyin o'qing.
Fotoshopdan keyin hayot "yoki biz siqib chiqaramiz
300 foizgacha o'sishi biroz og'ir, lekin 100 foiz toza va toza ko'rinishi mumkin. Agar siz dasturiy ta'minotni chop etish uchun hujjat yaratmoqchi bo'lsangiz yoki loyihangizda veb-sahifa tasvirini ko'rsatishni xohlasangiz, siz sahifa panosunda menyular yoki panellar kabi dastur interfeysi qismlarining ekran ta'qibini yoqishingiz kerak bo'ladi. Ekran rasmlarini ishlatish oson tizim dasturi yoki ekranni ushlash uchun maxsus dasturiy ta'minot, lekin ularning aniq nashr qilish uchun maxsus operatsiyalar talab etiladi.
Ikki formatli png va jpg formatidagi farqlar mavjud.
Bu rasm kabi ko'rinadi va unda nima bor, ammo bu ranglar haqida. JPG formati 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.
Ular dasturiy ta'minot yoki o'quv materiallari uchun hujjatlarning bir qismi bo'lganda, tafsilotlarni iloji boricha o'tkir qilish muhimdir. Buni ekran tasvirlari haqida tushunishingiz kerak: siz ularni ichki ekran ta'qib qilish funktsiyasidan yoki uchinchi tomon ekranni yozib olish ilovasidan foydalangan holda qabul qilasizmi, natijada siz monitörünüzdeki pikselga aylangan ma'lumotni ushlaysiz. Sizning hozirgi monitor ruxsatisiz nima bo'lishidan qat'iy nazar, o'lchov vositasini ishlatsangiz ham, ilovaning paneli va menyularni aks ettirish uchun ishlatadigan piksel soni va piksellarning soni ekranda ko'riladigan piksel soni bilan bog'lovik aloqasi mavjud.
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.
Monitörün çözünürlüğünü o'rnatish paneli va menyuda ishlatiladigan piksel soniga ta'sir qilmaydi. Ushbu panel uch xil monitor ruxsati bilan qo'lga kiritilgan bo'lsa-da, uchta ta'qib qilish bir xil bo'lib, ularning har biri bir xil sonli pikseldan iborat.
Tajribani o'tkazish: in dasturiy ta'minot Sizning tanlovingiz bo'yicha panelni oching va ekranning o'rtasida joylashtiring. Ikkita turli ruxsati bilan ekran tasvirlarini oling. Bir tasvirda panelni bepul tanlaysiz, uni nusxalang va uni boshqa tasvirga joylashtiring. Piksellarni sanashda ular bir xil ekanligini ko'rasiz. Turli xil monitor o'lchamlari tufayli umumiy tasvirlar turli darajada bo'ladi, lekin paneli, menyular va asboblar kabi interfeys komponentlari tomonidan ishlatiladigan piksellar soni bir xil bo'ladi.
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.
Biroq, panel ikkala holatda ham bir xil sonda pikseldan iborat. Shuning uchun, sizning monitörünüzün qanday çözünürlükte foydalanishi muhim emas yoki paneli ekranda qancha katta bo'lishi mumkin, yoki yaqinlashtirish uchun yordam dasturini foydalaning.
Afsuski, bu odatda ularni yanada yomonroq ko'rinishga keltiradi, interpolyatsiya paytida kichik detallarni yumshatadi. Ha, bosib chiqarish xizmati provayderining oldindan tayyorlov bo'limi bayroqni ko'taradi, ammo quyidagi misollar, ekran tasvirlari nima uchun ularning rezolyutsiyasini oshirish orqali yaxshilanmaganligini ko'rsatadi. Bu piksel yaratishdan ko'ra, piksellarni takrorlash orqali interpolatsiyadan xalos qiladi.
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.
Bu fotografik tabiatning tasvirini o'lchashda mos keladigan yondashuv emas, lekin bu ularning tabiatiga qarab ekranni qo'lga kiritish uchun foydali echimdir. Ushbu konvertatsiya qilishda qora turdagi eng yaxshi ko'rinishni ta'minlash uchun maxsus yondashuvdan foydalanish tavsiya etiladi.
Matbuotni noto'g'ri ro'yxatdan o'tkazish matnni va boshqa qora yoki kulrang elementlarni kamalak kamalak kamasiga aylantiradi. Rangli elementlarning ko'rinishi buzilmaydi. Bu grayga teng bo'lgan barcha qiymatlarni qora kanalga birlashtiradi va bu ro'yxatga olish muammolarini kamaytiradi.
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.
