Photoshop-da faylni qanday saqlash kerak: maslahatlar va fokuslar. Tayyor rasmlarni Photoshop-da qanday qilib to'g'ri saqlash mumkin? Photoshop-da qanday qilib to'g'ri saqlash kerak

Adobe Photoshop grafik muharriri tomonidan o'qilishi mumkin bo'lgan har qanday raqamli tasvirni, xoh u PSD fayli, xoh TIF tasviri yoki "katta" JPEG tasviri bo'lsin, veb-saytda, forumda yoki ijtimoiy tarmoqlarda nashr qilish, shuningdek elektron pochta orqali yuborish uchun tayyorlash. Boshqacha qilib aytganda, Internet uchun "japeg". Bu qofiyaga aylandi.

Albatta, Photoshop o'qiy oladigan tasvir formatlari bu uchtasi bilan cheklangan emas. Va eng yaxshi tomoni shundaki, ko'pchilik JPEG formatiga o'zgartirilishi mumkin. Manba formatidan qat'i nazar, Photoshop-da "japegize" qilishning ikki yo'li mavjud. Tanlash qobiliyati ikki baravar yoqimli. Ikkala yo'l ham boshqacha. Tashqi farqlar yalang'och ko'z bilan aniqlanadi, tayinlashdagi farqlar ("Qaysi yo'ldan borish kerak?") Men alohida ta'kidlayman.

Ushbu darsda men kerakli nazariy "chayqalishlar" bilan ikkita bosqichma-bosqich ko'rsatmalarni taqdim etaman. U keng tarqalgan JPEG formatida virtual chizma, kollaj yoki fotosuratni qanday qilib optimal saqlashni ko'rsatish uchun mo'ljallangan. Ikkinchisi silliq rang o'tishlari bo'lgan tasvirlar uchun eng samarali hisoblanadi.

Olingan bilimlarni mustahkamlash va kengaytirish, shuningdek, mahoratni rivojlantirish uchun men tegishli mashqlarni tayyorladim. Men sizga ularni bajarishingizni va keyin natijalaringizni ushbu darsga sharhlarda e'lon qilishingizni taklif qilaman. O'z mahoratingizni "maydon"da sinab ko'ring!

Birinchi yo'l

1-qadam

Photoshop-da asl tasvirni ochish. Mening holimda, bu chizilgan to'pni o'z ichiga olgan "Example.psd" deb nomlangan fayl.

Men klaviaturada "Ctrl", "Shift" tugmalari va lotin harfi "S" bilan ko'rsatilgan tugmalar birikmasini bosaman yoki asosiy menyuda "Fayl"> "Boshqa saqlash ..." ("Boshqa saqlash") ni tanlang. .."). "Boshqa saqlash" nomli dialog oynasi paydo bo'ladi.

2-qadam

Men kelajakdagi JPEG tasvirning joylashishini tanlayman. "Fayl nomi" maydoniga, agar kerak bo'lsa, rasm uchun yangi nom kiritaman. "Fayl turi" ochiladigan ro'yxatida "JPEG (* .JPG, * .JPEG, * .JPE)" formatini tanlang.

Men quyidagi parametrlarni o'zgarishsiz qoldiraman, "standart" sRGB belgilangan va kelajakdagi JPEG tasviriga o'rnatiladigan rang profili sifatida tanlanganligiga ishonch hosil qilaman. Agar shunday bo'lsa, 4-bosqichga o'ting.

Agar sRGB o'rniga boshqa rang profili ko'rsatilgan bo'lsa, masalan, ProPhotoRGB yoki AdobeRGB, u holda ushbu darsda tasvirlangan protsedurani boshlashdan oldin, ko'pgina qurilmalarda ranglarni izchil ko'rsatish uchun asl tasvirni sRGB rang maydoniga aylantiraman. Men buni quyidagicha qilaman.

3-qadam

"Boshqa saqlash" oynasini yopish uchun klaviaturadagi "Esc" tugmasini bosaman.

Men asosiy menyuda "Rasm"> "Rejim" ni tanlayman. Agar "tasdiq belgisi" "8 bit \ kanal" ("8 bit \ kanal") ga qarama-qarshi qo'yilgan bo'lsa, u holda "16 bit \ kanal" ("16 bit \ kanal") ni tanlang. Bir rang profilidan ikkinchisiga o'tish aniq bo'lishi uchun rang chuqurligini oshirish maqsadga muvofiqdir. Vizual ravishda rang chuqurligining o'zgarishi asl va yakuniy tasvirlarda aks etishi dargumon.

Keyin asosiy menyudan "Tahrirlash"> "Profilga aylantirish" ni tanlayman. "Profilga aylantirish" nomli dialog oynasi paydo bo'ladi.

Mening holatimda, rasmdagi ranglarni tavsiflovchi asl rang profili ("Source Space") "Adobe RGB (1998)" deb nomlanadi. Men "Maqsad maydoni" ochiladigan ro'yxatidan "sRGB IEC61966-2.1" qiymatini tanlayman. Transformatsiya parametrlarini tekshirish - ular quyida joylashgan: "Asbob" ("Dvigatel") parametri "Adobe (ACE)", "Usul (renderlash)" ("Niyat") - "Nisbiy kolorimetrik", o'rnatilgan. Qora nuqta kompensatsiyasidan foydalanish opsiyasi yonidagi tasdiq belgisi, ko'rinishni saqlash uchun tasvirni tekislash opsiyasi yonida tasdiq belgisi yo'q.

Agar siz rang chuqurligini oshirgan bo'lsangiz (men buni biroz oldinroq qildim), u holda "Ditherdan foydalanish" opsiyasi faol bo'lmaydi. Agar ochiq tasvirda faqat bitta qatlam mavjud bo'lsa (JPEG-tasvirlarni yoki "oddiy" TIF-tasvirlarni ochganingizda, qoida tariqasida, mavjud), u holda "Ko'rinishni saqlab qolish uchun tasvirni tekislash" opsiyasi ham faol emas.

Men "Finish" ("OK") tugmasini bosaman. Profilga aylantirish oynasi yo'qoladi.

4-qadam

Dasturning asosiy oynasida "JPEG Options" nomli yangi dialog oynasi paydo bo'ladi. "Sifat" parametri chiqadigan tasvir sifati va rasm kompyuter xotirasida egallaydigan hajm o'rtasidagi nisbatni o'rnatishga imkon beradi. Shunday qilib, hajmni qisqartirish uchun to'lov asl tasvir sifatining yomonlashishi hisoblanadi. "Sifat" parametrining qiymati qanchalik past bo'lsa, JPEG tasvir hajmi shunchalik kichik bo'ladi.

Ushbu misolda men 6 ga teng qiymatga e'tibor qarataman.

Saqlashdan oldin rasm sifatini baholash uchun men "Ko'rib chiqish" parametri yoniga "tasdiq belgisi" qo'yaman.

5-qadam

Men ikkinchi parametrning qiymatini o'rnataman - "Formatlash" ("Format parametrlari") - "Standart optimallashtirilgan" ("Asosiy optimallashtirilgan") ga teng. Kelajakdagi JPEG tasvirning o'lchami kamaydi, lekin tasvir sifati bir xil bo'lib qolmoqda.

6-qadam

Men "JPEG Options" oynasida "OK" tugmasini bosing va natijani tekshiraman.

Men asl PSD-tasvir (~ 3000 Kb) va yakuniy JPEG-tasvir (82 Kb) hajmlarini solishtiraman. Shunday qilib, JPEG fayli vizual ravishda bir xil sifatdagi asl tasvirdan taxminan 36 baravar kichikroq bo'lib chiqdi. Qulay!

E'tibor bering, yakuniy JPEG tasvirining o'lchami asl PSD tasviridagi kabi qoladi, u 2480 piksel × 2480 pikselga teng.

Ikkinchi yo'l

1-qadam

Photoshop-da asl tasvirni ochish.

Men klaviaturada "Ctrl", "Alt", "Shift" tugmalari birikmasini va lotin harfi "S" bilan belgilangan tugmani bosaman yoki asosiy menyuda "Fayl"> "Veb uchun saqlash ..." ni tanlang ( "Veb uchun saqlash ...").

Xuddi shu nomga ega yangi dialog oynasi paydo bo'ladi.

2-qadam

3-qadam

Men "Sifat" qiymatini maksimal darajaga qo'ydim.

4-qadam

Men "Image Size" parametri yordamida tasvir hajmini kamaytiraman.

Bu ixtiyoriy operatsiya, lekin u kelajakdagi JPEG tasvir hajmini sezilarli darajada kamaytirishga yordam beradi, ko'pincha sifatni minimal yo'qotish bilan. Bir tomondan, o'lchamning kamayishi hajmning tabiiy pasayishiga, boshqa tomondan, tafsilotlarning pasayishiga olib keladi. Ikkinchisi, o'z navbatida, yakuniy JPEG tasvirni chop etish qobiliyatimni cheklaydi. Agar men ikkinchisini chop etishni rejalashtirmagan bo'lsam, unda cheklovlarni unutaman.

Ushbu misolda men "Kenglik" qiymatini kiritaman 600. "Balandlik" maydonidagi qiymat avtomatik ravishda o'zgaradi. Shuningdek, chiqish tasvirining o'lchami "Foiz" maydonida ko'rsatilgan asl tasvirning o'lchamiga nisbatan avtomatik ravishda o'zgartiriladi. O'zgarishlar avtomatik ravishda sodir bo'ladi va "Kengalik" va "Balandlik" parametr maydonlari bog'langan bo'lsa, "Foiz" maydoni faol holatda bo'ladi, bu nomli maydonlarning o'ng tomonida joylashgan tegishli belgi bilan tasdiqlanadi.

Chapdagi oldindan ko'rish oynasida men tasvirning hajmi va sifatini baholayman. Va men ikkinchisining taxminiy hajmini ko'rsatilgan raqam bo'yicha bilib olaman, odatda derazaning chap burchagida kilobayt (Kb) yoki megabayt (Mb) da.

5-qadam

Men "Optimallashtirilgan" parametri yonidagi katakchani belgilayman.

6-qadam

Agar men chiqish tasvirining hajmini yanada kamaytirmoqchi bo'lsam, "Sifat" parametrining qiymatini kamaytiraman. Men 45-90 oralig'idagi qiymatlarga rioya qilishni maslahat beraman.

Bunday holda, men 75 qiymatini tanlayman.

Natijada, o'rtacha bir megabit (1 Mbits) Internetga kirish tezligi bilan, mening chizilgan rasmimni Internetdan yuklab olish vaqti bir soniya bo'ladi. U kelajakdagi JPEG tasvir o'lchami ostida ko'rsatilgan.

Shu bilan birga, vizual ravishda rasm juda maqbul sifatga ega bo'lib chiqdi, ohang o'tishlari juda silliq.

7 qadam

Men "sRGB ga aylantirish" opsiyasi yonidagi katakchani belgilayman va quyida ochiladigan ro'yxatdan "Monitor rangi" qiymatini tanlang.

8-qadam

Nihoyat, Rang profilini joylashtirish yonidagi katakchani belgilang.

Kelajakdagi JPEG tasvir turli qurilmalarda taxminan bir xil ko'rinishi uchun 7 va 8-bosqichlardagi harakatlar maqsadga muvofiqdir.

9-qadam

"Optimallashtirilgan tarzda saqlash" sarlavhasi bilan paydo bo'lgan dialog oynasida JPEG tasvirining joylashishini tanlang va agar kerak bo'lsa, uning nomini o'rnating. Men faol oynada "Saqlash" tugmasini bosaman. Ikkala oyna ham yo'qoladi. Endi men natijani baholay olaman.

Asl rasmni yopaman. O'zgarishlarni saqlash taklifi bilan muloqot oynasida paydo bo'lgan oynada "Yo'q" ("Yo'q") ni tanlang.

Ikkinchi usul bilan olingan rasm Internetda nashr qilish uchun qulaydir. Va birinchi usul bilan olingan rasm Internetda nashrga qo'shimcha ravishda chop etilishi mumkin. Tasvirning o'lchami o'zgarmaganligi sababli, u interpolyatsiya qilinmagan, ya'ni uning sifati ikkinchi usulda olingan tasvir sifatiga nisbatan apriori yuqoriroqdir.

Interpolyatsiya va uning raqamli tasvir sifatining yomonlashuviga ta’siri haqida “Interpolyatsiya nima?” darsida batafsil aytib beraman.

Olingan bilimlarni mustahkamlash uchun men sizga JPEG formatida o'zingizning bir nechta fotosuratlaringizni saqlashni emas, balki ushbu darsga biriktirilgan mashqlarni bajarishingizni tavsiya qilaman. Ikkinchisi fotografiya bilan shug'ullanishda duch kelishi mumkin bo'lgan qiyinchiliklarni o'z ichiga oladi.

Ko'rsatmalar

Yangi boshlanuvchi nazariyaga chuqur kirmasligi kerak, lekin JPEG siqish algoritmiga ega format ekanligini aniq bilishingiz kerak. Ushbu formatdagi fayl turli kengaytmalarga ega bo'lishi mumkin, masalan? .jpeg, .jfif, .jpg, .JPG yoki .JPE. Bu juda qulay, chunki u TIFF yoki BMP formatidagi o'xshash tasvirga qaraganda ancha kam joy egallaydi. Ikkinchisidan farqli o'laroq, u tasvir haqida kamroq ma'lumotga ega. Asl faylni monitorda ko'rayotganda, bu unchalik sezilmasligi mumkin, ammo laboratoriyada yoki ishlov berishda fotosurat chop etilganda, natija to'liq ma'lumotga ega formatlarga qaraganda pastroq bo'lishi mumkin.

JPEG formatini qanday saqlashingiz ko'p jihatdan ehtiyojlaringizga bog'liq. Rasmni saqlashdan oldin, qayta ishlashni, fotografik qog'ozga chop etishni yoki shunchaki rasmni Internetdagi sahifaga qo'yish kerakligini hal qiling.

Qorong'i xonada keyingi ishlov berish yoki chop etish uchun tasvirni maksimal sifat va hajmda saqlang. Siz qidirayotgan rasmni saqlaganingizda, Fayl menyusini oching va Saqlash-ni tanlang. Fayl saqlanadigan katalogni tanlang. Birinchi qatorda ismni kiriting, ikkinchisida esa JPEG formatini tanlang va Saqlash tugmasini bosing. Agar siz faylni boshqargan bo'lsangiz, saqlangan tasvir sifatini tanlash bilan dialog oynasi ochiladi. Slayder yoki mos keladigan raqam bilan maksimal sifatni tanlang 12. OK tugmasini bosish orqali tanlovni tasdiqlang. Agar siz rasm bilan hech qanday manipulyatsiya qilmagan bo'lsangiz, uni saqlaganingizdan so'ng, JPEG sifatini tanlash bilan dialog oynasi ochilmaydi.

Fotosuratni Internetda nashr qilish uchun saqlashda zamonaviy resurslar o'zlari yuklab olingan JPEG hajmi va sifatini o'zgartirishi mumkin. Biroq, ba'zi hollarda buni o'zingiz qilishingiz kerak. Rasmni saqlashdan oldin “Rasm” menyusiga o‘tib, “Rasm o‘lchami”ni tanlash orqali uning o‘lchamini o‘zgartiring. Proportionlarni cheklash qutisi belgilanganligiga ishonch hosil qiling. Siz uchun qulay bo'lgan o'lchov birligini tanlang: santimetr, piksel, dyuym yoki millimetr, tomonlardan biri uchun kerakli qiymatni raqamlar bilan kiriting va "OK" tugmasini bosing (ko'p hollarda kattaroq tomonda 800 dan 1500 pikselgacha bo'lgan rasmlar ishlatiladi. veb-sahifalar uchun). Natijani pastroq sifat bilan saqlang. 8 dan 10 gacha bo'lgan qiymatlari va kichik tasvir o'lchami bilan asl o'lchamdan vizual farqlar minimal, ammo fayl hajmi sezilarli darajada kamayadi.

Shuningdek, Adobe Photoshop-da veb-sahifalar uchun tasvirlarni optimallashtirish va saqlash uchun maxsus modul mavjud, bu qulayroq bo'lishi mumkin. Fayl menyusidan Veb uchun saqlashni tanlang. Ochilgan dialog oynasida sizga saqlangan tasvirni oldindan ko'rish oynasi va sozlamalar uchun bir nechta variant taqdim etiladi. 4-yuqoriga yoki 2-yuqoriga yorlig'ini tanlang. Dastur sizga optimallashtirilgan tasvir uchun to'rt yoki ikkita mumkin bo'lgan variantni taqdim etadi. Tegishli rasmni saqlash uchun shunchaki rasmni bosing va Saqlash tugmasini bosing. Agar siz variantlardan unchalik qoniqmasangiz, avval rasmning o'ng tomonida joylashgan asboblardan foydalaning.

Grafik muharrir bilan ishlash Adobe fotoshop 5 yil davomida tasvirlarni to'g'ri saqlashning ahamiyati va zarurligi haqida hamma ham bilmasligini bilib hayron bo'ldim. Internetga kirib, men topa olmadim dolzarb va to'g'ri ma'lumotlar ushbu mavzu bo'yicha. Shuning uchun men savolni o'ylab topdim va sizga aytmoqchiman tasvirlarni qanday qilib to'g'ri saqlash kerak.

Buni kim bilishi kerak va nima uchun?

Grafik muharrir bilan ishlaydigan har bir kishiga Adobe Photoshop kerak emas. Illustrator, rassom, grafik dizayner, veb-dizayner, interfeys dizayneri, fotograf, talaba, maktab o'quvchisi - tasvirlarni to'g'ri saqlashni o'rganish, fayl hajmini kamaytirish, siz nafaqat o'zingizning, balki boshqa birovning vaqtini ham tejaysiz.

Biz qaysi vaqt haqida gapiryapmiz?

Birinchidan, bir narsani aniq aytamiz:

Internetdan foydalanib, siz vaqtni behuda sarflaysiz - ko'p vaqt

Internetda sahifalarni yuklash bir zumda emas va ko'p vaqt talab etadi, lekin ko'p yillar davomida Internetda bo'lib, buni sezmaslikka o'rganib qolgansiz. Aytaylik sahifani yuklashning o'rtacha tezligi 3 soniya Bu erda ulardan 2 tasi rasm yuklash uchun. Rasmlar, interfeys elementlari, fotosuratlar, reklama bannerlari, PDF taqdimoti yoki hatto yoqimli mushuk bilan rasm, fayl hajmiga qarab, brauzer tasvirni ekranda ko'rsatishi uchun vaqt kerak bo'ladi.

“Sekundiga megabayt”ga aldanmang

Ehtimol, internet provayderingiz sizga va'da beradi 100 Mbit/s- bu ajoyib reklama harakati (shunday qilib o'qing: aldash), bu ko'plab noto'g'ri tushunchalarni keltirib chiqardi, shu jumladan saytni yuklash tezligi mavzusida. Men Moskvada joylashgan server bilan ulanish tezligini o'lchadim, natija:

Ammo saytdan sahifani yuklash tezligi ancha past:

Kuniga nechta rasmni ko'rasiz?

O'nlab? Yuzlab? Faol Internet foydalanuvchisi sifatida men kuniga bir necha yuz tasvirni ko'raman, ularning aksariyati yuqori aniqlikda. Agar biz ushbu tasvirlarning og'irligini kamaytirsak va shunga mos ravishda yuklab olish tezligini hech bo'lmaganda oshirsak 1 soniya, ga ko'paytirish kuniga 500 ta rasm, biz kuniga taxminan 8 daqiqa olamiz va Oyiga 4 soat.


Oyiga 4 soat rasm yuklanishini kutaman

Rasmlarni saqlash haqida bilishingiz kerak bo'lgan hamma narsa

Kamdan-kam istisnolardan tashqari, yakuniy natijani xuddi shu usul yordamida saqlashga hojat yo'q PSD, bu holda, qo'shimcha va qo'shimcha ma'lumot yaratilgan sanadan va grafik muharrir nomidan ob-havo va kamera modeligacha.

Sifatni qadrlash yomon odat 100 lekin bilan solishtirganda 80 farq qiladi ko'rinadigan sifat deyarli nolga teng, ammo vazndagi farq moddiy.

Rasmni veb-saytga joylashtirish, uni pochta orqali yuborish, bulutda saqlash, messenjerda yuborish va hokazolar uchun - siz foydalanishingiz kerak. Veb uchun saqlash.

JPEG yoki PNG?

JPEG - ko'p sonli ranglar va murakkab shakllarga ega tasvirlar uchun: illyustratsiyalar, rasmlar, fotosuratlar.

PNG - vektor tasvirlari yoki matnni o'z ichiga olgan tasvirlar, shaffoflikdagi oddiy geometrik shakllar va kam sonli ranglar uchun: logotiplar, skrinshotlar, stikerlar, piktogrammalar.

Qanday sifatni (sifatni) tanlash kerak?

Ko'pgina tasvirlar uchun optimal qiymat 80 , ba'zi oddiy tasvirlar uchun, bu erda ranglar orasidagi aniq o'tish muhim emas. qiymatini qo'yishingiz mumkin 60 .

Optimallashtirilgan

Funktsiya qo'shimcha rangni o'zgartirish algoritmini o'z ichiga oladi, tavsiya etiladi har doim yoqing eng nozik tafsilotlar muhim bo'lmasa (masalan, Pixel Art).

sRGB ga aylantirish (sRGB ga aylantirish)

Rasm ranglarini mos keladigan sRGB jadvaliga aylantiring.

sRGB Internet uchun standartdir

Ruxsat (tasvir hajmi)

Eng keng tarqalgan ekran o'lchamlari: 1366 × 768- kompyuter uchun va 720 × 1280- smartfon uchun. Iltimos, buni yodda tuting va undan kattaroq rasmlarni saqlamang 1920 kengligida.

Metadata

Men allaqachon aytib o'tgan ortiqcha ma'lumotlar. Tasvir haqida qo'shimcha ma'lumot berishning hojati yo'q, bu faqat fayl hajmini oshiradi.

Yuklab olingan rasm tafsilotlarini oxirgi marta qachon ko'rgansiz?

Ushbu usuldan foydalanib, men tasvirning og'irligini ikki baravar kamaytirishga muvaffaq bo'ldim.

Albatta, kamdan-kam holatlar mavjud bo'lib, unda batafsil ma'lumot yoki ko'tarilgan zarrachalik siz uchun foydali bo'lishi mumkin, ammo ko'p hollarda bu qoidalar mos keladi va yuzlab soatlarni tejaydi.

Rahmat, Vladislav.

Salom, Start-Luck blogining aziz o'quvchilari! Andrey Zenkov veb-dizayn bo'yicha mening amaliy maslahatlarim bilan bog'lanmoqda. Bugun biz kalitlar haqida gaplashamiz, ularsiz saytingiz hech qachon brauzer xatcho'plari dunyosiga eshikni ochmaydi (va foydalanuvchi uchun sevimli sahifalarni yulduzcha bilan belgilash juda muhimdir).

Bu, siz taxmin qilganingizdek, tasvirlar haqida bo'ladi. Yorqin fotosuratni topish - bu urushning yarmi. Uni qayta ishlash, rang berish, matnni qoplash va boshqa manipulyatsiyalardan so'ng, ufqda yangi muammo paydo bo'ladi: rasmni Photoshop-da qanday saqlash kerak?

Aytaylik, siz uy hayvonlari veb-saytini yaratdingiz va keng foto galereyasini qo'shishni xohlaysiz. Bang - va siz panja izlari ko'rinishidagi maftunkor menyu piktogrammalarisiz dizaynni tasavvur qila olmaysiz. Va veb-saytga tashrif buyuruvchilarni xursand qiladigan kulgili animatsiyali bo'lim haqida nima deyish mumkin?

G'ayrat bilan siz barcha tasvirlarni moslashtirasiz, saqlaysiz va ... harakatlar behuda ekanligini ko'rasiz. Piksellar mashaqqatli yaratilgan "oyoqlarni" butunlay o'ldiradi va siz harakatdagi rasmlarga ko'z yoshlarsiz qaray olmaysiz. Photoshop avtomatik ravishda olib tashlanadigan dasturlar ro'yxatiga o'tadi va siz o'zingizga haqiqiy usta topishga va'da berasiz. Nima uchun? Men har doim ishlatadigan asosiy sirni bilib, hamma narsani o'zingiz qilishingiz mumkin.

Tasvirlarni optimal sifatda saqlash algoritmi ularning formatiga bog'liq. Qaysi rastr va qaysi vektor ekanligi haqida gapirib, tafsilotlarga kirishni xohlamayman. Bundan tashqari, siz ularni bir necha marta bosish orqali o'zgartirishingiz mumkin. Men bu haqda maqolalarimning birida yozganman, tasvir formatlarini o'zgartirish uchun o'quvchilar bilan baham ko'rganman.

Internet boy bo'lgan saytlarni tahlil qilib, men bir qiziq tafsilotga e'tibor qaratdim: barcha grafik elementlar faqat bir nechta universal formatlar bilan ifodalangan, boshqalari esa butunlay unutilgan. Nima ular?

Veb-dizayndagi tasvirlarning asosiy guruhlari

Saytlarning grafik tarkibi shartli ravishda uch toifaga bo'linadi.

Kollajlar va fotosuratlar

Ular JPG formati bilan ajralib turadi - aytmoqchi, Internetda eng keng tarqalgan. Ushbu tasvirlar kichik o'lchamlarga ega, bu sizga sahifani sekin yuklashdan qo'rqmasdan sayt dizaynida foydalanish imkonini beradi. Masalan, JPG va PNG formatlarida saqlangan bir xil landshaft vazni jihatidan sezilarli darajada farq qiladi:

Belgilar, tugmalar va bannerlar

Ushbu dizayn elementlari uchun PNG afzallik beriladi. Bu sizga ob'ektni kesib tashlash va tasvirni fonsiz saqlash imkonini beradi, kelajakda uning o'rniga saytning "foni" dan foydalaning. Men ushbu formatni katta palitra bilan maqtana olmaydigan tasvirlar uchun ham tavsiya qilaman. Masalan, biz Photoshop-da hujjat yaratamiz va - sayt nomi:

Tasvirni ikkita formatda saqlaymiz va natijani taqqoslaymiz:

Animatsiya

GIF ikki yoki undan ortiq qatlamlardan iborat animatsion tasvirlarni yaratish uchun mo'ljallangan. Buni nafaqat Photoshop bilan, balki amalga oshirish mumkin. Men bu formatni eng injiq deb atagan bo'lardim, chunki unda tejash bilan yaxshi sifatga erishish qiyin. Yaxshiyamki, menda minimal piksellar bilan animatsiyalarni olishga yordam beradigan hayotiy xaker bor. Qiziqmisiz? O'qing!

Rasmlarni saqlash bo'yicha bosqichma-bosqich ko'rsatmalar

JPG-dan boshlaylik: u bilan sifatni yo'qotmasdan suratga olish juda oson. Buning uchun "Fayl" - "Boshqa saqlash" tugmasini bosing. Agar xohlasangiz, Shift + Ctrl + S tugmalar birikmasidan foydalanishingiz mumkin:

Ko'rsatilgan oynada "Fayllar turi" ochiladigan ro'yxatini toping va JPEG qatorini tanlang. Odatda bu standart:

Xuddi shu ochiladigan ro'yxatda siz PNG chizig'ini ham tanlashingiz mumkin va shu bilan vazifangizni soddalashtirasiz. Biroq, shaffof fon bilan tasvirlarni boshqacha saqlashni tavsiya qilaman.

Ochilgan oynani ko'rib chiqing. Sizning vazifangiz ochiladigan ro'yxatda PNG-24 tanlanganligiga ishonch hosil qilish va "Shaffoflik" va "Interlaced" qatorlari yonida belgilar mavjud:

E'tibor bering: oxirgi belgilash katakchasi saytdagi rasmni yuklash vaqtini qisqartiradi, lekin ayni paytda uning og'irligini oshiradi. Agar bu sizni bezovta qilmasa, "Saqlash" tugmasini bosing. Ko'rsatilgan oynada fayl yo'lini tanlang va PNG rasmini olish va imkon qadar tezroq saytga yuklash uchun orzu qilingan tugmani yana bosing!

Animatsiya xuddi shu menyu elementi orqali saqlanadi, ammo endi siz ochiladigan ro'yxatda GIF variantini tanlashingiz kerak. Ko'p sonli parametrlar va tushunarsiz so'zlar chalkashlik yoki hatto qo'rquvga olib kelishi mumkin. Arzimaydi! Men foydalanadigan variantlarni o'rnating:

Xulosa qilish

Grafika bilan ishlash bir yoki ikkita sohada qolib ketmasdan, doimiy ravishda malaka oshirishni talab qiladi. Qanday bo'lish kerak? Bir vaqtlar bu men uchun haqiqiy topilmaga aylandi beshta mini-kurslar to'plami "Photoshop-master" loyihasidan. Ulardan men bir baytdan ortiq foydali ma'lumot oldim.


Materiallar mavjud shaklda va bepul taqdim etiladi. Bu kompyuter akademiyalarida o'qish va Internetda to'g'ri darslarni soatlab qidirish uchun ajoyib alternativ.

Ana xolos. Obuna bo'lishni unutmang VKontakte guruhi va yangi va foydali maqolalarning haftalik qismi uchun blog yangilanishlari.

Andrey Zenkov siz bilan edi. Keyingi safargacha!

Adobe Photoshop - mashhur ko'p funktsiyali grafik muharriri. Ko'pgina foydalanuvchilar, ayniqsa fotosuratlar va rasmlarni qayta ishlashda bunga duch kelishadi. Photoshop-da hujjatni qanday saqlash kerak? Bu grafik muharrirning asosiy funksiyalaridan biridir. Rasmlarni saqlashning barcha mumkin bo'lgan usullari quyida ko'rib chiqiladi. Ushbu maslahatlar Photoshop bilan ishlash jarayonini sezilarli darajada osonlashtiradi. Ularni o'rganish va amalda qo'llash oson.

Oddiy saqlash

Photoshop-da fotosuratni qanday saqlash kerak? Grafik muharrirda mavjud bo'lgan birinchi variant "Saqlash" buyrug'idir. Odatda avval ochilgan hujjatni qayta ishlashda foydalaniladi. Buyruqning bajarilishi davomida avval mavjud bo'lgan ob'ekt tahrirlangan tasvir bilan almashtiriladi.

  1. Suratni oching va uni o'zingizning xohishingizga ko'ra tahrirlang.
  2. "Fayl" tugmasini bosing. U ekranning yuqori qismidagi asboblar panelida joylashgan.
  3. "Saqlash ..." tugmasini bosing.

Muhim: agar foydalanuvchi grafik hujjatni noldan yaratgan bo'lsa, bajarilgan harakatlardan so'ng ekranda saqlash jurnali paydo bo'ladi. Bu erda siz hujjatning nomini, uni saqlash formatini va kompyuterda mo'ljallangan joyni ko'rsatishingiz kerak.

Variant "Boshqa saqlash ..."

Grafik fayllarni saqlashning ikkinchi usuli - "Boshqa saqlash ..." buyrug'idan foydalanish. Ushbu uslub ilgari o'rganilgan harakatlar algoritmiga o'xshaydi. Unda turli xil saqlash opsiyalari mavjud. Ushbu usul tasvirlarni takrorlash uchun juda mos keladi.

  1. Hujjatni tahrir qilgandan so'ng "Fayl" tugmasini bosing.
  2. Ko'rsatilgan menyuda "Boshqa saqlash ..." buyrug'ini tanlang.
  3. Saqlanadigan hujjat nomini belgilang.
  4. Saqlash formatini tanlang. U "Fayl turi" qatorida joylashgan.
  5. Grafik hujjatni saqlash joyini ko'rsating.
  6. "Saqlash" tugmasini bosing.
  7. Fotosurat parametrlarini belgilang. Odatda bu erda tasvir sifati va format xilma-xilligi tanlanadi. Siz standart yoki kengaytirilgan optimallashtirishni yoki yuklanganda tasvir sifatini bosqichma-bosqich yaxshilashni belgilashingiz mumkin.
  8. "OK" tugmasini bosing.

Bu bajarildi. Biz Photoshop orqali hujjatlarni saqlashning yana bir usulini ko'rib chiqdik. Variantni tezda faollashtirish uchun siz Ctrl + Shift + S tugmalarini bosishingiz mumkin.

Faylni yopish

  1. Tanlangan rasm bilan tabga o'ting.
  2. Kursorni tegishli hujjat bilan yorliqning yuqori o'ng burchagiga olib boring.
  3. Sichqonchaning chap tugmasi bilan xochni bosing.
  4. "Ha" tugmasini bosish orqali hujjatni saqlashga rozilik bildiring.

Muhim: Yo'q tugmasini bossangiz, Photoshop hujjatga hech qanday o'zgartirish kiritmasdan yopiladi. "Bekor qilish" foydalanuvchini hech qanday o'zgarishsiz muharrirga qaytaradi.

Veb-resurslar uchun

Ko'pincha Photoshop veb-saytlar uchun grafik yaratish uchun ishlatiladi. Qolgan narsa hujjatni to'g'ri saqlashdir. Buning uchun nima kerak?

  1. "Fayl" - "Veb uchun saqlash ..." ni tanlang.
  2. Grafiklar to'plamini belgilang va formatni saqlang.
  3. Fon parametrlarini o'rnating.
  4. Rasm sifati va hajmini belgilang.
  5. "Finish" tugmasini bosing.

Variantga tezkor kirish Alt + Shift + Ctrl + S klaviatura yorlig'i yordamida amalga oshiriladi.

Fon va rasmni unsiz saqlash

Photoshop-da fonni qanday saqlash mumkin? Bu juda oddiy vazifa. Gap shundaki, foydalanuvchi fon sifatida istalgan tasvirdan foydalanishi mumkin. Faqat uni rasmning eslatib o'tilgan elementi sifatida o'rnatish qoladi.

Photoshop-da fon yaratish quyidagicha amalga oshiriladi:

  1. Grafik hujjatni oching yoki yarating.
  2. "Yangi qatlam qo'shish" tugmasini bosing.
  3. Fon sifatida foydalanilgan rasmdan nusxa oling.
  4. Yaratilgan yangi qatlamga rasmni joylashtiring.

Endi rasmga kerakli o'zgartirishlarni kiritish va keyin fon qatlamini eng pastki qismiga o'tkazish qoladi.

Photoshop-da rasmni fonsiz qanday saqlash mumkin? Buning uchun siz .gif yoki .tiff formatida hujjat yaratishingiz kerak. Birinchi variant bilan ishlash afzaldir. Buni amalga oshirish uchun siz "Veb uchun saqlash ..." opsiyasini faollashtirishingiz kerak, so'ngra saqlash parametrlarida "Shaffof" yonidagi katakchani belgilang.