Biz hammamiz rasmlarni yuklaymiz, rasmlar yaratamiz va "memlar" ni ulashamiz ijtimoiy tarmoqlar... Ko'p odamlar rasmlarni qaysi grafik fayl formati ma'lum bir holatga mos kelishini o'ylamasdan ham joylashtiradi. Bu maqola professional rastrli va vektorli grafikalarga taalluqli emas. Qolganlari uchun, grafik formatlarning qisqacha tahlili, ma'lum bir formatni qanday maqsadda ishlatilishini yaxshiroq tushunish uchun ortiqcha bo'lmaydi. Shunday qilib, boshlaylik.
Grafik fayl formatlarini qisqacha tahlil qilish
- JPG / JPEG / JFIF
- TIF / TIFF
Raster va vektor
Biz tanlagan beshta fayl formatiga o'tishdan oldin, ikkita asosiy grafik oilasi - rastr va vektor borligini bilish yaxshi, va quyida keltirilgan rasm fayllari formatlari rastrlar oilasida.
Rasterli grafikada tasvir piksellardan yig'iladi, vektorli grafikalar chiziqli bo'limlar deb nomlangan yo'llardan yig'iladi.
Fayllarni siqish
Bundan tashqari, tasvir fayl formatlarini siqish deb nomlangan siqish effektlari asosida ajratish mumkin. Siqish sxemalarining juda ko'p turlari mavjud, biroq ularning mavjud bo'lishining mohiyatini bitta vazifada - rastrli faylni iloji boricha samarali siqish orqali umumlashtirish mumkin. Grafik faylni siqishning ma'nosi yo'q, chunki uning o'lchami masshtabga bog'liq emas, balki undagi yo'llar soniga bog'liq.
Siqish tasvirlarni ikki yoki undan ko'p marta juda samarali siqishi mumkin. Ammo bu bilan deyarli har doim sifat yo'qoladi, chunki asosiy siqish algoritmi - bir nechta pikselni tanlash va ularni soyada o'xshash bir yoki ikkita bilan almashtirish. Siqish fayli, bir nechta istisnolardan tashqari, hech qachon asl nusxaning aniq tasviri bo'lmaydi. Keling, bu haqda ko'proq gaplashaylik. Fayllarni siqish odatda kichik rasmlarga mos keladi va prof uchun mos emas. chizmalar yoki yuqori sifatli illyustratsiyalar, prezentatsiyalar.
Yo'qotilgan siqish - bu bir xil manba fayli, chunki siqilmagan siqilish asl nusxaning aniq tasviridir.
JPG / JPEG / JFIF rasmlar
Qisqartma: Birgalikda fotograflar bo'yicha ekspertlar guruhi - qo'shma fotograflar bo'yicha ekspertlar guruhi.
Fayl kengaytmalari: .jpg / .jpeg
Eng keng tarqalgan format raster fayllar tasvirlar. Raqamli kameralar o'z rasmlarini shu formatda saqlaydi. JPEG fayllari Sifatni sezilarli darajada kamaytirmasdan, fayl hajmini sezilarli darajada kamaytira oladigan, siqish usulini qo'llang.
Kamchiliklari: Bu format avlodlar tanazzulidan himoyalanmagan. Bu shuni anglatadiki, har safar tahrir qilsangiz va saqlasangiz, tasvir sifati har biridan yangi versiya fayl yomonlashadi.
Qo'llanilishi: noaniq tasvirlar, tasvirni tortish moslamalari (gadjetlar, kameralar, harakat kameralari).
PNG rasm formati
Qisqartma: Portativ tarmoq grafikasi - portativ tarmoq grafikasi. 
Fayl kengaytmasi: .png
Bu bepul ochiq manbali GIF alternativasi manba kodi maksimal 256 rangga ega bo'lgan GIFdan farqli o'laroq, 16 million rangni qo'llab -quvvatlaydi. Rang manbasini saqlashda tasvirlar uchun eng yaxshi fayl formati. Format mukammal ohang balansi uchun javob beradi. Animatsion PNG fayl APNG formatida mavjud. Bu fayllar odatda shaffof fonga ega.
Kamchiliklari: Katta hajmli fayllar uchun eng mos keladi. PNG formatining o'zi animatsion grafikani qo'llab -quvvatlamaydi.
Qo'llanilishi: Shaffoflik yoki xira effektlar kabi qatlamlarni hisobga olgan holda tasvirlarni, veb -rasmlarni, tasvirlarni tahrirlash.
TIF fayl kengaytmasi
Qisqartma: Tagged Image File Format - bitmapli grafik tasvirlarni saqlash uchun format.
Fayl kengaytmasi: .tif / .tiff
Rang chuqurligi yuqori bo'lgan fayllarni saqlashga qodir moslashuvchan va oson kengaytiriladigan fayl formati. Bu fayllar shaffof fonga ega. Ular kompaniya logotiplari uchun juda mos keladi.
Kamchiliklari: Veb -brauzerlar uchun ideal emas.
Qo'llanilishi: Bosib chiqarishda fotografik fayllarning boshlang'ich bosqichi. OCR dasturiy paketlari.
GIF fayl formati
Qisqartma: Grafika almashinuvi formati - rasm almashish uchun format. 
Fayl kengaytmasi: .gif
Ko'p video formatlarga qaraganda GIF -ning siqilish darajasi past bo'lsa -da, bu tasvirni jonlantirish uchun foydalanuvchilar orasida eng mashhur format.
Kamchiliklari: Format 8-bitli (256 ta rang) bilan cheklangan va fotografik tasvirlar yoki taxallusni tozalash uchun mos emas.
Qo'llanilishi: Bir nechta ranglarni talab qiladigan grafikalar, masalan, soddalashtirilgan diagrammalar, logotiplar va 50% dan ortiq bitta rangli animatsiyalar.
BMP rasm fayl formati
Qisqartma: Bitmap rasm - tom ma'noda bitmap tasvirlarni saqlash formati
Fayl kengaytmasi: .bmp
Ushbu format tomonidan ishlab chiqilgan Microsoft tomonidan va Windows OS ichida katta siqilmagan fayllarni saqlash uchun mo'ljallangan.
Kamchiliklari: Bu format siqishni ishlatmaydi.
Qo'llanilishi: soddalashtirilgan format tuzilishi bmp fayllari Windows dasturlari uchun ideal.
Bu hozirda foydalanuvchilar tomonidan ishlatiladigan rasm fayllarining eng keng tarqalgan formatlari. Endi siz qaysi biri har qanday maqsad uchun ideal ekanligini bilsangiz, siz o'zingiz uchun qaysi grafik formatlardan foydalanishni yaxshiroq tushunasiz.
JPEG, GIF, PNG va boshqa grafik formatlar o'rtasidagi farqni bilasizmi? Qachonki u yoki bu formatni ishlatish kerak yoki rasmlarni saqlash uchun qaysi biri yaxshiroq? Quyida bu savollarning barchasiga javob topasiz.
Bilan aloqada
Yo'qotilgan / yo'qotilmagan ma'lumotlarni siqish algoritmlari
Avvalo, siz ma'lumotlarni yo'qotish va yo'qotishsiz siqish algoritmlari o'rtasidagi farqni tushunishingiz kerak. Yo'qotishsiz siqish - bu faylni necha marta siqilgan va tiklanganiga qaramasdan, uning sifatini saqlaydigan tasvirni siqish usuli.
Yo'qotilgan siqishni ishlatilganda, har safar faylni siqish / ochish paytida tasvir sifati yomonlashadi. Shubhasiz afzalliklardan biri bu usul katta darajada siqilish ehtimoli yotadi. Fotosuratlarni saqlash va tahrir qilish uchun, agar siz rasmni yuborishingiz kerak bo'lsa, yo'qotmasdan siqish mos keladi elektron pochta yoki Internetda nashr eting, ikkinchi usuldan foydalanish yaxshidir.
.RAW
To'g'ridan-to'g'ri yarim professional va professional kameralar matritsasidan keladigan xom ma'lumotlarni o'z ichiga olgan fayl formati. Bu fayllar kamera protsessori tomonidan qayta ishlanmaydi va olingan barcha ma'lumotlarni "xom" shaklda o'z ichiga oladi. Ushbu fayllar hajmi 25 MB dan oshishi mumkin. RAW fayllari tahrir qilish uchun juda yaxshi, lekin ularning kattaligi ularni saqlashni qiyinlashtiradi.
.JPEG (JPG)
Bu, ehtimol, eng keng tarqalgan grafik format... Odatda Internetda matnli fotosuratlar va tasvirlarni nashr qilish uchun ishlatiladi. JPEG - bu TrueColor formati, ya'ni rang chuqurligi 24 bit / piksel bo'lgan tasvirlarni saqlashi mumkin. Ushbu format 16 milliondan ortiq rangni ko'rsatishi mumkin.
JPEG moslashuvchan ma'lumotlarni siqish qobiliyati tufayli mashhurlikka erishdi. Agar kerak bo'lsa, tasvirni yuqori sifatli saqlash mumkin. Yo'qotilgan siqish algoritmi yordamida har bir saqlanish bilan tasvir sifati yo'qoladi. Quyida yuqori, o'rta va past sifatli JPEG tasvirlari ko'rsatilgan.
Yuqori sifatli JPEG (100). Hajmi 113 KB
O'rta sifatli JPEG (50). Hajmi 59 KB
Past sifatli JPEG (20). Hajmi 27 KB
.GIF
GIF (Grafik almashish formati) formati rang chuqurligidan (8 bit) mamnun emas. U 256 ta rangda yo'qotilmagan siqilgan tasvirlarni saqlashi mumkin. GIF xususiyatlaridan biri bu animatsiyani qo'llab -quvvatlashdir.
.PNG
Ushbu format GIF -ni almashtirish sifatida ishlab chiqilgan. PNG portativ tarmoq grafikasi degan ma'noni anglatadi. GIFdan farqli o'laroq, PNG qo'shimcha alfa kanali tufayli shaffoflik darajasiga ega. Odatda, shaffoflik quyidagi rasmda ko'rinib turganidek, shaxmat taxtasi fonida ko'rsatiladi.
Tashqi tomondan, PNG fayllari JPG tasvirlaridan deyarli farq qilmaydi. PNG ma'lumotlarni yo'qotmasdan siqadi. Agar oshkoralik siz uchun muhim bo'lsa, ushbu formatni tanlash yaxshidir.
Fayl formatlari raqamli fotosuratlar bilan ishlash uchun asosdir. barcha asosiy grafik fayl formatlari bo'yicha sizga ko'rsatma beradi.
RAW.
To'g'ridan -to'g'ri kameraning tasvir sensoridan keladigan ma'lumotni o'z ichiga olgan fayl formati. Bu fayllar kamera protsessori tomonidan qayta ishlanmaydi (JPG -dan farqli o'laroq) va asl suratga olish ma'lumotlarini o'z ichiga oladi. RAW sifatini yo'qotmasdan siqilishi mumkin.
RAW -ning afzalliklari aniq - kamerada qayta ishlangan va ma'lumotlarni siqish bilan saqlangan JPG -dan farqli o'laroq, RAW fotosuratlarni qayta ishlash uchun eng keng imkoniyatlarni taqdim etadi va yuqori sifatni saqlaydi.
Eslatma. Turli ishlab chiqaruvchilar Fotosuratchilar kameralarida RAW yaratish uchun turli algoritmlardan foydalanadilar. Har bir ishlab chiqaruvchi RAW fayli uchun o'z o'lchamlari bilan chiqadi - NEF - Nikon, CR2 - Canon ...
JPEG (aka JPG).
Bu eng keng tarqalgan grafik fayl formati.
JPG moslashuvchan ma'lumotlarni siqish qobiliyati tufayli mashhurlikka erishdi. Agar kerak bo'lsa, tasvirni maksimal darajada saqlash mumkin. Yoki tarmoq orqali uzatish uchun uni minimal fayl hajmiga siqib qo'ying.
JPG yo'qolgan siqish algoritmidan foydalanadi. Bizga nima beradi? Bunday tizimning aniq kamchiligi - har safar fayl saqlanganda tasvir sifatining yo'qolishi. Boshqa tomondan, tasvirni 10 marta siqish ma'lumot uzatishni osonlashtiradi.
Amalda, fotosuratni minimal siqilish nisbati bilan saqlash tasvir sifatining ko'rinadigan yomonlashuviga olib kelmaydi. Shuning uchun JPG grafik fayllarni saqlash uchun eng keng tarqalgan va ommabop format hisoblanadi.
TIFF.
TIFF formati rasmlarni saqlash uchun juda mashhur. Bu sizga fotosuratlarni turli xil rang oralig'ida (RBG, CMYK, YCbCr, CIE Lab va boshqalar) va katta rang chuqurligida (8, 16, 32 va 64 bit) saqlash imkonini beradi. TIFF grafik ilovalar tomonidan keng qo'llab -quvvatlanadi va matbaa sanoatida qo'llaniladi.
JPG -dan farqli o'laroq, har bir fayl saqlanganidan keyin TIFF tasviri sifatini yo'qotmaydi. Ammo, afsuski, aynan shu tufayli TIFF fayllari JPGdan bir necha baravar og'irroq.
TIFF formatiga muvofiqligi bu lahza Adobe kompaniyasiga tegishli. Photoshop TIFF -ni qatlamlarni birlashtirmasdan saqlashi mumkin.
PSD.
PSD formati ishlatiladi Photoshop... PSD rastrli tasvirni ko'p qatlamli, har qanday rang chuqurligida va har qanday rang oralig'ida saqlashga imkon beradi.
Ko'pincha, format alohida elementlarni o'zgartirish qobiliyati bilan murakkab ishlov berishning oraliq yoki yakuniy natijalarini saqlash uchun ishlatiladi.
PSD shuningdek, kayıpsız siqishni qo'llab -quvvatlaydi. Lekin o'z ichiga olishi mumkin bo'lgan ma'lumotlarning ko'pligi PSD fayli, og'irligini sezilarli darajada oshiradi.
BMP.
BMP formati birinchi grafik formatlardan biridir. U grafik bilan ishlaydigan har qanday dastur tomonidan tan olinadi, format qo'llab -quvvatlashi birlashtirilgan OS Windows va OS / 2.
BMP rang chuqurligi 48 bitgacha va maksimal o'lchami 65535 × 65535 piksel bo'lgan ma'lumotlarni saqlaydi.
Hozirgi vaqtda BMP formati Internetda (JPG og'irligi bir necha baravar kam) yoki bosib chiqarishda deyarli qo'llanilmaydi (TIFF bu vazifani yaxshiroq uddalaydi).
GIF.
GIF formati Internetning boshida tasvir almashish uchun yaratilgan. U 256 ta rangda yo'qotilmagan siqilgan tasvirlarni saqlashi mumkin. GIF formati chizmalar va grafikalar uchun ideal, shuningdek shaffoflik va animatsiyani qo'llab -quvvatlaydi.
GIF shuningdek, kayıpsız siqishni qo'llab -quvvatlaydi.
PNG.
PNG formati GIF-ni litsenziyasiz grafik formatini yaxshilash uchun ham, almashtirish uchun ham yaratilgan. GIFdan farqli o'laroq, PNG alfa -kanallarni qo'llab -quvvatlaydi va cheksiz miqdordagi ranglarni saqlash imkoniyatiga ega.
PNG ma'lumotlarni yo'qotmasdan siqadi, bu tasvirni qayta ishlashning oraliq versiyalarini saqlash uchun juda qulay qiladi.
JPEG 2000 (yoki jp2).
JPEG o'rnini bosadigan yangi grafik format. Xuddi shu sifat uchun, JPEG 2000 fayl hajmi JPG -dan 30% kichikroq.
Qattiq siqilganda, JPEG 2000 tasvirni JPEG formatidagi kvadratlarga ajratmaydi.
Afsuski, hozirda bu format keng qo'llanilmaydi va faqat Safari va Mozilla / Firerox brauzerlari tomonidan qo'llab -quvvatlanadi (Quicktime orqali).
Salom blog saytining aziz o'quvchilari. Bugun men rastrli grafik formatlari haqida gapirishni istayman, ular saytda ko'rsatiladigan tasvirlar uchun va umuman umuman mos edi.
Biz hozirda mashhur bo'lgan Gif-ni ko'rib chiqamiz, chunki u animatsion giflarni qo'llab-quvvatlaydi, Jpg to'liq rangli fotosuratlarni joylashtirish uchun juda mos keladi va, albatta, Png, bu sizga shaffof fonli rasmlar yaratishga imkon beradi. ilgari aytib o'tilgan formatlarning o'rnini bosuvchi bo'lib xizmat qiladi. Siz ham yarim grafik va yarim matnni o'qishingiz mumkin.
Ularning barchasi faol ishlatiladi, lekin noziklik har bir aniq holat uchun optimal formatni tanlashda yotadi, shunda tasvir sifati buzilmaydi va uning vazni minimal bo'ladi. Men sizga grafikani qo'lingizga olishni maslahat beraman bepul xizmatlar shunga o'xshash va boshqalar, shuning uchun keyinchalik mualliflik huquqining buzilishi bilan bog'liq muammolar bo'lmaydi.
GIF, Jipeg va PNG bilan tasvirlangan Internet uchun rastrli grafikalar
Endi veb -sahifalarni fotosuratlar, piktogrammalar yoki rasmlarsiz tasavvur qilish juda qiyin. Aytgancha, grafikani namoyish qila oladigan birinchi brauzer tashqi ko'rinishi bilan deyarli bir vaqtda paydo bo'lgan Mosaic edi.
Bundan tashqari, yuqorida aytib o'tganimdek, barcha rasm formatlari saytga qo'shilish uchun mos emas, lekin faqat ma'lum darajada uning ostida - Gif, Png va Jpg... Veb-sahifaga qo'shmoqchi bo'lgan rasm turiga qarab, ko'rsatilgan formatlardan birini tanlashingiz kerak bo'ladi, bu esa o'z navbatida rastrli grafikalar deb ataladi.
O'z-o'zidan, bu qog'oz yoki monitordagi tasvir piksel (rangli nuqta) deb nomlangan birlik elementlaridan hosil bo'lishini anglatadi. Raster grafikaga tegishli har qanday formatdagi barcha rasmlar ba'zi xususiyatlarga ega.
Ularning rasm o'lchamlari shunday tushuncha bilan belgilanadi ruxsat, qaysi gorizontal va vertikal, masalan, 300 dan 200. Ba'zan, shu bilan birga, ular rasmdagi piksellarning umumiy soni, masalan, kamera ishlab chiqaruvchilari (12 Mega piksel va boshqalar) haqida gapirishadi.
Internetga kelsak, rastrli tasvirning jismoniy o'lchami foydalanuvchi veb -sahifani ko'rayotgan qurilmaning piksel (ekran donasi) hajmiga bog'liq bo'lishi mumkin. Tasvirlar ham shunday tushuncha bilan tavsiflanadi ranglar soni unda ishlatilgan. Masalan, Gif uchun faqat 256 ta rang ishlatiladi, ular bitta bayt ma'lumotga o'rnatiladi.
Xo'sh, bundan tashqari, bu formatlarda har xil formatlardan foydalanish mumkin. rangli modellar, uning yordamida barcha mumkin bo'lgan soyalar hosil bo'ladi. Siz bilan yozishmalarni ko'rib chiqqanimizda, u erda biz RGB modelini shakllantirish tamoyillarini batafsil ko'rib chiqdik.
Rastrli grafikaning asosiy kamchiliklaridan biri - Internetda ishlatiladigan Gif, Png va Jpg formatlarida ham olingan tasvirlarning katta o'lchamidir. Tabiiyki, olingan tasvirlarni kamaytirish uchun har xil siqishni algoritmlari sifat degradatsiyasi bilan yoki ularsiz ishlaydigan (yo'qotilgan siqilish).
Bularning barchasi audio siqish algoritmlari tamoyillariga juda o'xshaydi - MP3 yo'qotishlar bilan siqiladi va, birinchi navbatda, odam qulog'i sezmaydigan har qanday o'tish o'chiriladi. Rastrli grafikalar dunyosida bunday o'xshashlik bo'lishi mumkin Jpg formati, axborotni siqish amalga oshiriladi yo'qotishlar bilan... Shu bilan birga, odamni vizual idrok etish imkoniyatlari hisobga olinadi va birinchi navbatda, ayniqsa sezilmaydigan tafsilotlar olib tashlanadi.
Shuningdek, tasvirlarni siqish algoritmlari ham yo'qolmaydi - BMP, Gif va Png. BMP ko'pincha siqilgan tasvir emas, lekin Gif va Png yo'qotmasdan siqiladi takrorlanadigan va ortiqcha ma'lumotlarni olib tashlash orqali (arxivlash kabi narsa chiqadi, lekin rastrli grafikaning xususiyatlarini hisobga olgan holda).
Rastrli grafikalar bilan ishlashni biladigan ko'plab grafik muharrirlar bor (masalan, hammasi bir xil Photoshop yoki uning), lekin buning uchun siz bunga qaratilgan muharrirlardan foydalanishingiz kerak, chunki shundagina siz eng optimallashtirilgan rasmlarni olishingiz mumkin. Foydalanuvchilarning brauzerlariga yuklanganda xosting serveringizga keraksiz yuklamang.
Gif formati - dizayn elementlari va sayt uchun animatsiya
Hozirgi vaqtda deyarli barcha brauzerlar Internetda ishlatiladigan uchta asosiy rastrli grafik formatlarini qo'llab -quvvatlaydi - Gif, Png va Jpg. Tarixiy jihatdan Gif birinchi bo'lib paydo bo'lgan va uning yordamida birinchi brauzerlarda Gif animatsiyasi deb ataladigan rasmlar va media ma'lumotlarini qo'shish va ko'rsatish mumkin edi.
Gif qisqartmasi grafik almashish formati degan ma'noni anglatadi. Kabi talaffuz qilindi gif, lekin standartni ishlab chiquvchilar uni jif deb atash to'g'ri deb hisoblashgan, lekin ruscha talqinda boshqa ism qolib ketgan.
Chunki u ancha oldin ishlab chiqilgan va o'sha paytdagi foydalanuvchilarning ko'pchiligi juda kichik edi, keyin uni yaratishda asosiy e'tibor natijadagi tasvir hajmini oshirishga qaratilgandi (men bu haqda maqolada yozganman) .
Shu munosabat bilan, Gif tarkibiga kiruvchi palitrani o'z ichiga olishi mumkin faqat 256 rang(indekslangan palitrasi ham deyiladi). Bular. bu formatga o'zgartirilgan tasvir har doim 256 tadan ko'p bo'lmagan rangni o'z ichiga oladi va boshqa barcha ranglar aralashtirish asosida yaratiladi (tayanch palitrasidagi qo'shni piksellar oqilona tanlangan, shuning uchun masofadagi odam ko'zlari ularni Bu erda kerakli rang).
Ammo, afsuski, amalda, to'liq rangli fotosuratlarni GIF-ga o'zgartirganda, bir qancha artefaktlar paydo bo'ladi (bu juda aralashganligi sababli), bu rasmlarni Internetda yuklash uchun nomaqbul qiladi. Shu sababli, sayt sahifalarida to'liq rangli tasvirlar va fotosuratlarni ko'rsatish uchun ishlatilmaydi (buning uchun ko'pincha Jpg yoki Png ni tanlang).
Gif-animatsiya va uning Internetda ishlatilishi
Bunday muhim kamchilikka ega bo'lgan Gif uzoq vaqtdan beri esdan chiqib ketgan bo'lishi kerak edi, lekin shunga qaramay, u hali ham barcha tirik mavjudotlarga qaraganda ancha tirik va ko'pincha bunday formatdagi rasmlarni saytlar sahifalarida topish mumkin.
Hamma narsa shu GIF formati animatsiyani qo'llab -quvvatlaydi(Internetda ishlatilgan yagona). Siz bo'lgan har qanday animatsion va (shu jumladan) katta raqam Internetda topish mumkin, Gif kengaytmasi bor.
To'g'ri, muqobil Mng formati bir muncha vaqt Png -ga animatsiya qo'shib ishlab chiqilgan, lekin uni ishlab chiqish va tarqatish juda tez sur'atlar bilan ketmayapti. Shu sababli, flesh -texnologiyadan tashqari, Internetdagi barcha animatsiyalar Gif va Flash asosida yaratilgan.
Bu animatsiyaning mohiyati shundaki, Gif konteynerida bitta rasm emas, birdaniga bir nechta rasm bor va bu tasvirlar bir -birini almashtiradigan vaqt u erda yozilgan. Bunday holda, oxirgi kadrdan so'ng, birinchi ko'rsatuv yana boshlanganda, animatsiyani aylantirish mumkin bo'ladi.
Siz yaratishingiz mumkin bo'lgan maxsus tahrirlovchilar bor Gif animatsiya... Asosiysi, kerakli hajmdagi rasmlarning kerakli sonini yaratish, so'ngra ular vaqt jadvaliga joylashtiriladi va ularni o'zgartirish oralig'i o'rnatiladi.
Natijada, biz veb -sahifalarda ko'rishga odatlangan multfilm effektini olamiz. Ba'zida hatto animatsion bannerlar (qanday o'qing), kulgichlar, avatarlar ko'zni qamashtiradi. GIF animatsiyasining namunasi - bu mening loyihamning "" sahifasidagi goblin.
GIF shaffof fonni qo'llab -quvvatlaydi (deyarli)
Ammo animatsiya bu formatning yagona xususiyati emas. U, shuningdek, yaratilgan tasvirlar uchun shaffoflikni yaratishning oddiy usulini qo'llab -quvvatlashi mumkin. Gif -dagi 256 ta mumkin ranglardan biri shaffof va u orqali veb -sahifaning fonini yoritadi bu rasm qaerda joylashgan bo'ladi.
Ammo muammo shundaki, bu formatdagi har qanday piksel uchun faqat ikkita qiymat bo'lishi mumkin - shaffof yoki shaffof (shaffof, chorak shaffof va hokazo kabi oraliq variantlarsiz ikkita ekstremal holat). Bular. alfa kanali (Pngda ishlatiladi) kabi tushuncha haqida Shaffof gif savoldan tashqarida. Shu sababli, o'zgaruvchan shaffoflik darajasini ko'rsatish qiyin bo'ladi.
Shunga qaramay, Internetda shaffof GIF ishlatiladi. Masalan, bu format ko'pincha veb -sahifalarda ishlatiladigan turli markerlarni saqlash uchun ishlatiladi. Marker atrofidagi fon shaffof qilib qo'yilgan va veb -sahifaning fonida u porlab turadi. Masalan, kulrang fonli marker quyidagicha ko'rinadi:
Kulrang fonni almashtirishda xuddi shu marker shunday ko'rinadi shaffof rang GIF -ga saqlashda:
Gif rasmlarida shaffoflik pasayishi bilan tekis qirralarni hosil qilish uchun bitta hiyla -nayrangga o'ting. Har qanday grafik muharriri bu formatdagi tasvirni yaratishda siz MATE rangini belgilashingiz mumkin (aks holda standart rang odatdagidek oq rangda ishlatiladi).
MATE rangi siz yaratishingiz kerak bo'lgan GIF maydonlarida aralashtiriladi shaffoflik pasayishi bilan tekis qirralar lekin u faqat siz ko'rsatgan MATE -ga mos keladigan veb -sahifa fonida yaxshi ko'rinadi. Ammo boshqa soyaning ustiga, bu rasm juda nosog'lom ko'rinadi.
Qaysi veb -grafikalar uchun Gif formatidan foydalanish mantiqan?
Yuqorida aytib o'tganimdek, bu formatda tasvirlar yo'qolmasdan siqiladi (o'zgartiriladi), lekin asl tasvir 8-bitli bo'lsa (rang kodlash uchun faqat bitta bayt ajratilgan bo'lsa), ya'ni. 256 ta rang mavjud. Agar manba to'liq rangda bo'lsa, Gif -ni saqlash yoki o'zgartirishda sifat yomonlashadi, aynan ba'zi soyalar yo'qolganligi sababli.
Gif -dagi siqish (konvertatsiya) algoritmi shunday ishlaydi, u rasm hajmini eng yaxshi optimallashtiradi. rangni vertikal o'zgartirganda (gradient)... Bular. chiziqlardan rangi unchalik o'zgarmaydigan tasvirlarni siqish uchun ishlatish mantiqan.
Ammo gorizontal yoki qiyshiq gradyanli fotosuratni Gif -ga o'zgartirganda, natijada olingan rasm juda katta bo'lib chiqishi mumkin, masalan, xuddi shu Png bilan solishtirganda. Xo'sh, bundan tashqari, yoqimsiz artefaktlar chiqishi mumkin.
Bundan tashqari, bu siqish algoritmi bir vaqtning o'zida patentlangan edi va shuning uchun muqobil Png 8 ustida jadal ishlar boshlandi, lekin hozirda Gif patentlari muddati tugagan. Natijada, PNG Gifdan yuqori va yelkali bo'lib chiqdi va veb -ustalar orasida mashhurlikka erishishda davom etmoqda.
Jpg (JPEG) - engil rangli to'liq rangli tasvirlar
Jpg to'liq rangli fotosuratlarni siqish va saqlash uchun ishlab chiqilgan. Bu Amerika fotograflari uyushmasining mulki bo'lib, aslida Jpeg qisqartmasi - qo'shma fotograflar bo'yicha ekspertlar guruhi. Garchi xuddi shu uyushma bu ochiq format ekanligini aytgan bo'lsa -da.
Yuqorida aytib o'tganimdek, tasvir sifatini yo'qotadi. Butun rasm 8 dan 8 pikselgacha bo'lgan kvadratlarga bo'linadi, so'ngra siqishni algoritmi ishlay boshlaydi, bu oddiy kvadratlardan turli xil oddiy shakllarni guruhlaydi. Inson ko'zlari sezmaydigan ranglarning farqlari Jpg rasmidan o'chirilgan.
Japegning afzalliklari va kamchiliklari
Yalang'och ko'zga ko'rinmaydigan ba'zi ma'lumotlarni o'chirib tashlagan holda, Jpeg ba'zida ruxsat beradi to'liq rangli tasvirlarni o'nlab marta siqish hatto sifat jihatidan ham ko'rinadigan yo'qotishlarsiz.
Ammo, boshqa tomondan, siz maksimal sifatni tanlagan bo'lsangiz ham, asl formatdagi sifatni bir xil darajada saqlay olmaysiz. Yo'qotishlar bo'ladi, lekin har doim kattalashtirmasdan ko'zga ko'rinmaydi.
Siz buni yuqori sifatli suratga olish va ketma-ket o'nlab marta maksimal sifatli Jipegda saqlash orqali tekshirishingiz mumkin. Shuning uchun yaxshiroqdir Jpg-ga qayta saqlamang bir xil formatdagi manbalar - artefaktlarning to'planishi va bir -birining ustiga chiqishi tufayli jiddiy sifat yo'qotishlari bo'ladi. Shuning uchun siz tugallanmagan tasvirni JPEG -da saqlamasligingiz kerak, keyin uni tahrirlashni davom ettiring - siz sifatni sezilarli darajada yo'qotasiz.
Mana shunday masxara qilishning misoli (Djepeg formatida bir necha bor saqlangan va siz ko'z yoshsiz rasmga qaray olmaysiz):
Ammo ko'rsatilgan kamchiliklarga qaramay Jpeg juda mashhur bo'lib ketdi ayniqsa, raqamli fotografiya paydo bo'lganidan keyin. Uning asosiy afzalliklari-to'liq rangli tasvirlarni tez, arzon va juda kuchli siqish. To'g'ri, bu rastrli grafik formatini to'liq rangli deb atash qiyin, chunki u RGB palitrasini to'liq qamrab ololmaydi, lekin buni kichik kamchilik deb atash mumkin.
Jpg formatida saqlash uchun eng yaxshi rasmlar qanday?
Jpg rasmlarni saqlash uchun eng yaxshisidir yorqinlik va kontrastning silliq o'tishlari bilan, lekin chizmalar, matnlar va boshqa qarama -qarshi o'tishlar bilan boshqa fotosuratlar kabi narsalarni saqlash uchun juda mos kelmaydi va bu holda eng yaxshi variant PNG -da kayıpsız siqishni ishlatadi.
JPEG formatidagi matn skrinshotining qanday yoqimsiz ko'rinishini ko'ring (garchi PNG formatida bir xil va hatto kamroq bo'lsa ham, rasm asl nusxadan farq qilmaydi):
Jpg (JPEG), men aytib o'tganimdek, qobiliyatga ega sifatni sozlash uning siqilish darajasini sozlash orqali olingan tasvir. Osmonda sezilarli artefaktlarga yo'l qo'ymaslik uchun, masalan, osmon ko'p bo'lgan rasmlarni saqlaganingizda, Jpeg sifatini (siqishni nisbati) maksimal darajaga (minimal siqish) o'rnatishingiz kerak.
Va har xil rangdagi ko'plab tafsilotlarga ega fotosuratlarni saqlashda, sezilarli artefaktlardan qo'rqmasdan, sifatni pasaytirish mumkin (siqilish nisbatini oshirish).
Aytgan edim, Jpg (JPEG) formatida saqlashda butun tasvir sakkiz pikselli kvadratlarga bo'linadi. Shunday qilib, agar siz olingan fotosuratning hajmini tanlash imkoniga ega bo'lsangiz, unda yaxshiroqdir sakkizdan ko'pini oling beri bu holda siz ozgina artefaktlarga ega bo'lasiz, bu ayniqsa nozik chiziqli rasmlarda va boshqalarda seziladi.
Png - Gif va Jpeg -ni almashtiring, shuningdek Png32 -dagi shaffof fon
Dastlab, Png mulkiy Gif -ga muqobil sifatida ishlab chiqilgan (hech kim uni ishlab chiqishga ruxsat berilmagan). Qisqartma "ko'chma tarmoq grafikasi" degan ma'noni anglatadi, dastlab u aniq aniqlangan vebdan foydalanish uchun... Bu rastrli grafik formati to'liq ochiq va uning tavsifi W3C konsortsiumi veb -saytida mavjud.
Eslatib o'taman, u shunday kayıpsız siqishni formati, demak siz tugallanmagan tasvirni Png -da xavfsiz saqlashingiz mumkin, keyin Jpg -da bo'lgani kabi qo'shimcha asarlar olishdan qo'rqmasdan tahrir qilishni davom ettirishingiz mumkin.
Png8 va Png24 - Gif va Jpegni to'liq almashtirish
PNG formatining uchta varianti bor, ularning har biri o'z maqsadiga erishish uchun mo'ljallangan. Dastlabki ikkitasi dastlab Gif va Jipeg formatlariga alternativa sifatida yaratilgan, uchinchisi veb -grafikaga shu paytgacha bo'lmagan narsalarni olib kelgan. Lekin birinchi narsa birinchi.
Png 8- sakkiztasi rangning nozikligini bildiradi va rasmni PNG 8 formatida saqlashda, yuqorida tasvirlangan Gifga o'xshab, faqat 256 ta rang ishlatilishini aytadi.
Bular. u GIF-ni to'liq almashtirish sifatida yaratilgan va bu ikkita rastrli grafik formatdagi tasvirni siqish natijalari deyarli bir xil bo'ladi. Xuddi Gifda bo'lgani kabi - bu erda oshkoralik saqlanadi, lekin alfa kanali bilan.
Png 24- 24-raqam bu formatdagi har bir fotosuratning piksellari uchun har biri 8 bitli (1 baytli) uchta rangli kanal ajratilganligini va shu bilan to'liq rangli tasvir hosil bo'lishini bildiradi. Bu. PNG 24 yordamida siz qilishingiz mumkin ranglarni buzmasdan takrorlash... Hatto Jpg ham buni yuz foiz qila olmaydi.
Png 24 -dagi asl tasvirni saqlasangiz, siz aynan bir xil fotosuratga ega bo'lasiz, lekin uning o'lchami Jpeg -ni ishlatishdan kattaroq bo'ladi. Ammo, bu har doim ham shunday emas. O'tkir o'tishdagi katta rasmlar uchun bu format hatto ko'rsatishi mumkin eng yaxshi natija Qabul qilinadigan sifatli Jeepgdan ko'ra.
Bular. Yuqorida aytib o'tganimdek, Jpeg oddiy fotosuratlar uchun eng mos keladi, lekin matnli yoki hech qanday holatda sifatni pasaytirish mumkin bo'lmagan tasvirlar uchun Png 24 ajralmas bo'ladi. , men maqolalarda ishlatadigan Png 8 yoki 24 menga eng yaxshi yechimdek tuyuladi.
Masalan, Png -da Jpeg -da saqlangan (past sifatli bo'lsa -da, mumkin bo'lgan artefaktlarni ta'kidlash uchun) yuqorida ko'rsatilgan matnli skrinshot quyidagicha ko'rinadi:
Lekin men odatda Jeep-dagi har bir maqolaning boshida to'liq rangli rasmni saqlayman, tk. sifat / o'lcham nisbati aynan shunday variant foydasiga gapiradi. Men borligini darhol aytaman har xil yo'llar tasvirlarni Png formatida siqish va eng yaxshi algoritmlardan biri, mening fikrimcha, ishlatiladi onlayn xizmat Puny PNG.
PNG 32 - alfa kanali bilan to'liq shaffoflik
Siz, ehtimol, bu rastrli grafik formatida bitta piksel uchun to'rt baytdan ortiq ma'lumotni ishlatish mumkinligini o'xshashlik bilan tushungansiz.
Uchtasi PNG 24 ga o'xshash to'liq rangli tasvirni shakllantirish uchun javobgardir, lekin to'rtinchi bayt alfa kanalini yaratish uchun alohida ajratilgan, bu PNG 32-ni olish imkonini beradi. shaffof fonli tasvirlar.
Unda siz MATE rangisiz shaffoflik darajasining o'zgarishini belgilashingiz mumkin, bu shuni anglatadiki, bunday rasmlar har qanday fonga ega bo'lgan har qanday veb -sahifalarda bir xil darajada yaxshi ko'rinadi. Mening blogim sarlavhasidagi logotip bunday tasvirga misol bo'la oladi:
Ehtimol, bu aniq PNG 32 shunchaki almashtirib bo'lmaydigan va taqdim etilgan imkoniyatlar bo'yicha o'xshashi yo'q... Aytgancha, alfa -kanalni Png 8 -da ham ishlatish mumkin, lekin, afsuski, hamma rastrli grafik muharrirlari bunga ruxsat bermaydi. Masalan, Photoshop buni qila olmaydi, lekin Fireworks yoki Gimp qila oladi.
Bundan tashqari, alfa kanalli PNG 32 va 8 da shunday muammo borki, u IE brauzerida 6 va undan past versiyadan boshlab to'liq qo'llab -quvvatlanmaydi. shaffof fon aralashadi kul rang va alfa kanalli Png 8 u erda umuman ko'rsatilmaydi. To'g'ri, foydalanuvchilarda bunday arxaik brauzerlar deyarli qolmagan, lekin baribir.
Omad sizga! Tez orada blog sayti sahifalarida ko'rishguncha
Sizni qiziqtirishi mumkin
HTML va CSS - nima uchun siz ularni bilishingiz kerak va nima uchun PHP va MySQL -da bilim kerak, lekin juda kichik hajmda
Joylashtirish bosqichida saytlarni yaratishda har doim rasmlarni saqlash uchun ma'lum formatni tanlash vazifasi turadi. Rasmlarni har qanday PNG, JPEG, GIF va boshqa formatlarda saqlash mumkin, lekin qaysi formatni tanlash kerak yaxshiroq sifat bilan minimal o'lcham natijada olingan rasm fayli?
Qaysi fayl formatini tanlash kerak?
GIF formati 256 rang bilan cheklangan. Bu format kayıpsız va minimal tasvir siqilishiga erishadi. GIF formati animatsiya (barcha formatlarning yagona) va shaffoflikni qo'llab-quvvatlaydi, lekin unda yarim shaffof tasvirlarni saqlab bo'lmaydi. Algoritmning o'ziga xos xususiyatlaridan kelib chiqqan holda, u vertikal chiziqlar bo'lgan tasvirlarni juda yaxshi siqadi (masalan, tarmoq uchun bu vertikal bo'linuvchi chiziqlar, monoxrom piktogrammalar, grafik nuqta va boshqalar bo'lishi mumkin). kichik hajmdagi rasmlar, matn va ramziy grafikalar.
PNG formati kayıpsız siqishni formati. Ushbu formatda har bir piksel 3 ta rangli kanalga ega (RGB - qizil, yashil, ko'k) va shu bilan buzilmasdan to'liq rangli tasvirni hosil qiladi. PNG rang sifati jihatidan JPGdan ustun bo'lishi mumkin, lekin u fayl hajmi bo'yicha ham katta bo'ladi. PNG formatini qo'llab -quvvatlaydi turli darajalar oshkoralik (shaffoflik). Algoritmning o'ziga xos xususiyatlari tufayli gorizontal chiziqli tasvirlarni juda yaxshi siqadi. Va qachon faylni saqlashni tanlash vazifasi GIF formati yoki PNG, rasm ibtidoiy chiziqlar bo'lgan hollarda, siz bu chiziqlarning holatiga e'tibor qaratishingiz kerak - ya'ni. GIF formatida rasmlarni vertikal chiziqlar bilan saqlashga arziydi PNG formatida - gorizontal. PNG - bu yaxshi tanlov rasmlar, matn va ikonik grafikalarni kichik hajmda saqlash uchun.
JPG formati rang yo'qotadigan format. Bu formatda ishlash algoritmi shundayki, u gradientli tasvirlarni juda yaxshi siqadi (gradientdagi birinchi va oxirgi piksellarning ranglari saqlanib qoladi va tasvir ko'rsatilganda bu nuqtalar orasidagi barcha oraliq ranglar hisoblab chiqiladi), bu tasvirlarni BMP formatidan kichikroq hajmda saqlashga yordam beradi. Rasmlar, to'lqinlar, logotiplar, fonlar va boshqalar JPG formatida yaxshi saqlanadi.
Shunday qilib, saytlarni ishlab chiqishda, rasmlarni saqlash formatini to'g'ri tanlash tufayli tezlikda juda yaxshi natijalarga erishishingiz mumkin.