Rasm va matn

1.Veb–sayt tadqiqotchisi. 

Sayt tadqiqotchisini tanlash saytingizda amalga oshirilgach masalaning murakkabligiga bog‘lik bo‘ladi. Hozir O‘zbekistonda ham kompaniyalar har xil murakkablikdagi veb–saytlarni tayyorlash bo‘yicha va xususiy veb–dizayn studiyalari o‘z xizmatlarini taklif qilmoqdalar. Ularning ko‘pchiligi reklama va axborot veb–saytlar uchun echimlar taklif qiladilar. Bunda sayt veb–saxifalarining ko‘pchiligi qo‘l bilan varaqlanadi va ba’zida tekin yoki arzon narxda dasturiy echimlar ishlatiladi. Bunda peril, php, asp da yozilgan va pulsiz qo‘llaniladigan (MySql va b.q.) arzon dasturiy echimlar ishlatiladi. Veb–saytlarni yaratish uchun ishlatiladigan barcha mavjud echimlardan ham a’lo hisoblanadi, chunki u elektron biznes uchun ancha yuqori klassli echimlar qatoriga kiradi. Tadqiqotchini tanlashda uning veb–saytni ishlab chiqish, joylashtirish (xosting) va kuzatish, maslahat va marketing xizmatlaridan iborat kompleks echimlar taklif qilinishini hisobga olish kerak, chunki faqatgina kompleks echimlar buyurtmachini loyihani amalga oshirishda har xil “texnik” noqulayliklardan asraydi. Veb–saytni qaerga joylashtirish mo‘ljal-lanayapti? Mo‘ljaldagi auditoriyaga u qulay bo‘ladimi? Veb–sayt auditoriyasi kengaygan holatda Veb–server quvvati va Internet–provayderi panelining o‘tkazish qobiliyati qoniqarli bo‘ladimi?Xostingni tanlashda internet provayder imkoniyatini, ya’ni kanalning o‘tkazish qobiliyatini inobatga olish kerak bo‘ladi. Bir vaqtda qancha tashrif buyuruvchilar veb–saytga kira olishi mana shu ko‘rsatkichga bog‘liq bo‘ladi. Provayder kanali turli xil mamlakat va mintaqadagi foydalanuvchilarga bir xil yaxshi va qulay bo‘lishi kerak. Xosting sifatiga ta’sir etuvchi boshqa parametr–bu veb–server unumdorligi hisoblanadi. Xosting vakolati sanalgan kompaniya bilan saytning ommaviyligi (tashrif buyuruvchilar soni) oshgan taqdirda kanalning o‘tkazish qobiliyati va veb–server unumdorligini mos ravishda oshirish to‘g‘risida kelishib olish kerak bo‘ladi.

Veb–sayt axborot to‘laligini faol holatda kim va qanday quvvatlaydi? Veb–sayt tashrif buyuruvchilari bilan muloqotni kim va qanday amalga oshiradi? Veb–saytning internetdagi harakati bilan kim va qanday mashg‘ul bo‘ladi? Veb–sayt tadqiq qilinguncha veb–saytni quvvatlab turish va uning siljishi bilan kim va qanday qilib mashg‘ul bo‘lishini aniqlash muhim faktordir. Veb–sayt axborot to‘laligini yangilab turishni tashkil etishning ikki usuli mavjud:
1.O‘zgarish veb–sayt tadqiqotchi kompaniya xizmatchilari tomonidan kiritiladi;
2.O‘zgarish veb–sayt buyurtmachi kompaniya xizmatlari tomonidan kiritiladi.
Birinchi usul tadqiqotchi kompaniyadagi veb–saytni quvvatlab turuvchi maxsus xizmatni tashkil etishni talab qiladi.Ikkinchi usul buyurtmachi kompaniyadan o‘z xizmatlari uchun maxsus elektron ish joylari yaratliishida vositalar qo‘shishni talab qiladi.Mana shunday elektron ish joylari yordamida buyurtmachi kompaniya xizmatlari mustaqil ravishda veb–sayt axborot tulaligini quvvatlab turadilar. Buyurtmachi kompaniya xizmatchilaridan internet–texnologiyasi bo‘yicha maxsus bilimlar talab qilinmasligi (brauzer bilan foydalanishdan tashkari) maqsadida elektron–ish joylarining masofaviy foydalanish interfeysidan maksimal ravishda foydalanadi. Veb–sayt yaxshi ishlab turishida eng asosiy elementlardan biri − bu axborot tashuvchilar bilan teskari bog‘lanishni to‘g‘ri tashkil qilinganligidir. Uni shunday tashkil etish kerakki, veb–sayt tashuvchilari bilan doimo dialog olib borishi mumkin bo‘lsin. Bunda imkoniyat, qulaylik yuzaga keladi, agar tashrif buyuruvchilar va kompaniya xizmatchilari tomonidan bo‘ladigan har xil xabarlarga shu zahotiyoq reaksiya qurish uchun qulay va tushunarli interfeys tashkil qilinsa. Veb–saytni quvvatlash jarayoniga uning doimiy harakati (siljishi) ham kiradi. Veb–saytga tashrif buyuruvchilar doimiy kelib turishini quvvatlab turish maqsadida olib borilgan ba’zi bir tadbirlar: Qidiruv serverlari va undagi indekslar joylashuvini nazorat qilish uchun veb–sayt sahifalarini optimizatsiyalash. Baner tarmoqlaridagi baner va matnli bloklardan foydalanib reklama aksiyalarini o‘tkazish va rejalashtirish. To‘g‘ri almashuv yoki reklamalarni eng gavjum joydagi mavzuli zaxiralarda o‘rnatish. Mavzuli pochta junatmalaridagi reklama.To‘g‘ri pochta jo‘natmalari. Veb–sayt ichki reklamasi yordamida har xil veb–sayt savollar reklamasi.An’anaviy usullar reklamasi. Veb–saytning siljishi (harakati) bo‘yicha doimiy olib berilgan ishlar sezilarli natijalarni berishi mumkin.

Xulosa qilib aytish mumkinki, veb–saytni biznesni olib borish uchun asbob sifatida ko‘rib chiqilgandagina uni tatdbiq qilish jarayonida maksimal natijalarga erishish mumkin. Mutaxassislar maslahati sizga internet–texnologiyani qo‘llashning “tor” momentlarida tushunib olishga yordam beradi.Qolganlarini amaliyot o‘rgatadi.

Shrift o‘lchamini belgilash uchun HTML tilida juft tegi SIZE (o’lcham) parametri bilan birga ishlatiladi. Bu teg ishlatilganda kiritilayotgan matnning shrift o’lchami o‘zgarmaydi. Shrift o‘lchami o‘zgarganini faqat web-brauzerda ko‘rish mumkin.

Web-sahifada 7 xil o‘lchamdagi shriftlarni ishlatish mumkin. Ular 1 gan 7 gacha parametr qiymati bilan belgilanib, 1 eng kichik, 7 esa eng katta shrift o‘lchamini bildiradi. Masalan, shrift o‘chamini 5 ga teng qilib olish uchun

ko‘rinishdagi juft teg yoziladi. Asosiy shrift o‘lchamiga qaytish uchun

tegi qo‘llaniladi.

HTML-kod va web-sahifaga e’tibor qilgan bo’lsangiz, shrift o’lchami necha marta tanlangan bo’lsa, shuncha marta yakunlangan.

Web-sahifada turli ranglarni ishlatish uni yanada go’zal va jozibali ko’rsatadi. Web-sahifada shrift va matn rangi bilan birga fon rangini ham o’zgartirish mumkin. Shrift rangini tanlash uchun juft tegi COLOR parametri bilan birga qo’llanadi. Bu ko’rsatmadan keyin “=” belgisi va qo’shtirnoq ichida rang kodi yoziladi. Rang kodi “#” belgisi bilan boshlanadi. Matnda uning umumiy ko’rinishi kabidir.

Rang kodi RGB (Red-qizil, Green-yashil, Blue-ko’k) ranglar tizimiga asoslangan. Bu tizimda kerakli rang uchta asosiy ranglarning turli miqdordagi aralashmasidan hosil qilinadi. Uchta asosiy rangning har biri 16 asosli sanoq sistemasidagi 00 dan FF gacha (256 ta) sonlar bilan belgilanadi. Asosiy ranglarni qo‘llashda ularning ingliz tilidagi ifodasidan ham foydalanish mumkin. Ba’zi ranglarning kodlari va ingliz tilidagi ifodasi jadvalda keltirilgan.

Shrift rangini tanlashni quyidagi misolda ko’rish mumkin:

Web-sahifadagi matn yoki fon rangini o’zgartirish uchun <BODY> juft tegi mos ravishda Text (matn) yoki Bgcolor (background color, ya’ni fon rangi) parametrlari bilan birga qo’llaniladi. Bu parametrlardan keyin “=” belgisi va qo’shtirnoq ichida rang kodi yoki rangning ingliz tilidagi nomi yoziladi. Rang kodi “#” belgisi bilan boshlanadi. Shuni ta’kidlash joizki, matn rangini o’zgartirish tegi shrift rangi boshqacha tanlangan qismga ta’sir etmaydi. Quyidagi misolda web-sahifada matnga va fonga rang berish ko’rsatilgan:

MS Word dasturida fonga rang berish yoki fonga rasm joylashtirish mumkin edi. HTML tilida fonga rasm joylashtirish uchun juft tegi Background parametri bilan qo’llanadi. Bu holda tenglik belgisidan keyin rasmning to’liq manzili qo’shtirnoqsiz yoziladi. Agar rasm web-hujjat joylashgan katalogda bo’lsa, shu rasmning nomi (masalan, Gul.jpg) yoziladi.

Rasmning kengaytmasi, odatda, web-sahifaga yuklanishi tez bo’lishi uchun JPEG yoki GIF formatiga mos bo’lishi kerak, ammo BMP formatli rasm ham ishlatilishi mumkin. Bu haqida keyingi darslarda ma’lumot beriladi.

2.Web-dizaynda grafikadan foydalanish.Grafik format turlari.
GIF – Graphics Interchange Formatni webning an‘anaviy formati deb atash mumkin. U Web-brouzerlar qo‗llab-quvvatlagan fayllarning birinchi formati bo‗lgan va hozirgi kungacha ham webning asosiy grafik formati bo‗lib kelmoqda. Uning xususiyatlari quyidagilardan iborat[2,10]: 256 dan ortiq bo‗lmagan rangni qo‗llab-quvvatlaydi (kam bo‗lishi mumkin va ko‗pincha shunday ham bo‗lishi kerak); ranglar palitrasidan foydalanadi; LZW usuli bo‗yicha axborotni yo‗qotishsiz zichlashdan foydalanadi (bu usul PKZIP arxivatorida qo‗llaniladigan zichlashga o‗xshash va binobarin, GIF-fayllar keyinchalik yana zichlanmaydi); qatorlararo razvertkani qo‗llab-quvvatlaydi; oqimli format hisoblanadi, ya‘ni rasmni ko‗rsatish uni ola boshlash vaqtida boshlanadi; palitradagi ranglarning biriga shaffof atributini belgilashga imkon beradi, bu shaffof deb ataladigan GIF larni yaratishda qo‗llaniladi; bir faylda bir necha tasvirlarni saqlash imkoniyatiga ega, bu animatsiya qilingan GIF larni tayyorlashda qo‗llanilmoqda; faylga izoh qo‗yish, tasvirlarni ko‗rsatish orasida ushlanib qolishni bajarish va boshqalarga imkon beradigan faylga boshqaruvchi bloklarni qo‗yish imkoniyatini qo‗llab-quvvatlaydi. Endi esa ushbu xususiyatlar nimalarga olib kelishi mumkinligi to‗g‗risida biroz tushuntirish berib o‗tamiz. Yuqorida yozganimizdek, GIF 256 dan ko‗p bo‗lmagan rangni qo‗llab-quvvatlaydi, bu esa biz GIF-formatida saqlaydigan barcha tasvirlar ushbu chegara doirasiga sig‗ish uchun (turli dasturlar bunga turlicha erishadilar) ranglar miqdorini kamaytirishini anglatadi. Bu yerdan esa xulosa kelib chiqadi – agar 76 ranglari bir-biriga uyg‗un o‗tadigan va ilg‗ash qiyin bo‗lgan rang tuslari bor yaxshi fotosuratni olsak, u o‗zgartirilgandan so‗ng hammasi ancha yomon bo‗ladi – tuslar ilg‗anmaydigan bo‗ladi va butun fotosurat tabiiy ko‗rinishini yo‗qotadi. Shuning uchun agar fotosuratni GIF formatida saqlash va barcha rang tuslarini berish shart bo‗lsa, hiylalarga borishga to‗g‗ri keladi. Masalan, fotosuratga qandaydir badiiy filtrni qo‗llash va uni rasmga aylantirish yoki ton berishni qo‗llash mumkin. Rasmlar va chizmalarni bu formatda saqlashda hech qanday muammolar mavjud emas, ular odatda yaxshi siqiladi va ko‗p ranglarni o‗z ichiga olmaydi. JPEG. Webdagi ikkinchi eng mashhur grafik format JPEG – Joint Photographic Experts Group hisoblanadi. U rang to‗g‗risida 24 razryadli axborotga ega bo‗ladi. Bu GIF formatidagi 256 rangdan farqli o‗laroq 16,77 mln. rang deganidir. JPEG da yo‗qotishli zichlashdan foydalaniladi. Bu shuni anglatadiki, zichlash jarayonida tasvir to‗g‗risidagi ba‘zi axborot chiqarib yuboriladi, lekin aksariyat hollarda tasvir sifatining yomonlashishi ziyon keltirmaydi va hattoki ko‗pincha sezilmaydi ham. Ranglari uyg‗un holda bir-biriga o‗tadigan fotosurat yoki ixtiyoriy tasvirlarni JPEG-formatida saqlagan yaxshi, chunki u kichik hajmdagi faylga sig‗adigan tasvirning ancha yuqori sifatini taklif etadi. SHunga qaramasdan, JPEG bir xil rangdagi grafika tasvirlari uchun eng yaxshi qaror hisoblanmaydi, chunki bu format ranglarda xol-xol dog‗lar hosil qiladi va so‗nggi fayl, odatda, o‗shanday tasvir uchun GIF-faylga qaraganda biroz katta bo‗ladi[13]. PNG. Webda doimiy ishlatish uchun raqobatlashayotgan uchinchi grafik format ham mavjud. Bu ba‘zi afzalliklariga qaramasdan 1994 yildan beri u yoki bu jihatdan uncha ko‗p foydalanilmayotgan PNG – Portable Network Graphic formatidir. Brouzerlar vstroennuyu grafika sifatida PNG formatini endigina qo‗llabquvvatlay boshladi, biroq PNG Web da ommaviy format bo‗lish uchun barcha imkoniyatlarga ega. Aynan shuning uchun ham u bu yerda «katta uchlik»ka kiritilgan. PNG yo‗qotishsiz zichlash sxemasidan foydalangan holda 8-razryadli indeksatsiya qilingan ranglarni, 16-razryadli yarim tonlarni yoki 24-razryadli to‗la rangli tasvirlarni qo‗llab-quvvatlashi mumkin. Bu tasvirning ancha yuqori sifatini, 77 ba‘zan esa GIF formati bilan taqqoslaganda kichikroq hajmdagi faylni ta‘minlaydi. Bundan tashqari, PNG fayllari bir necha ajoyib funktsiyalarga ega, masalan, gamma koeffitsientini boshqarish va shaffoflikning o‗zgartiriladigan darajalari (bu fon rasmini tarqoq mayin soyalar orqali ko‗rsatishga imkon beradi). BMP – bu Windows sistemasida tasvirlarni saqlovchi standart formatdir. Bu format iste‘mol uchun tavsiya qilinishi mumkin emas, chunki u berilgan ma‘lumotni siqib qo‗yishga qarshi. Har xil grafik formatlar faylining kengaytmasi turlichadir. GIF – faylning kengaytmasi qif, JPEG – faylarniki jpq, jpe va jpeq, PNG – fayllarning kengaytmasi - pnq, BMP – fayllarniki – bmp. Web-sahifalarda grafikani taqdim etishda hozirgi paytda Web dagi barcha tasvirlar ikki formatda: GIF va JPEG formatlarida taqdim etilgan. Eslatib o‗tish o‗rinli bo‗lgan uchinchi raqib, PNG formati, brouzerlarning qo‗llab-quvvatlashi va e‘tibori uchun kurashmoqda.
PNG - bu har doim keng sifatni ta'minlaydigan va kenglik bilan taqsimotni keng fazilatlarni amalga oshiradigan, keng JPEG rangini qo'llab-quvvatlash imkoniyatlari bilan. Ba'zi brauzerlar (Internet Explorerning eski versiyalari) sahifaning dinamik qaytishida PNG tasvir ekranida noto'g'ri ko'rsatiladi. Rasm tarkibining o'rniga, foydalanuvchi naqshning mazmunini yuklash va boshqa dasturda ochish uchun taklif bilan xabar oladi. Ushbu muammoni hal qilish uchun siz ilgari ko'rib chiqilgan yondashuvni tavsiflovchi bilan qo'llashingiz mumkin  .

PNG tasvirlarining dinamik avlodi bilan bog'liq yana bir muammo oldingi maqolada ko'rib chiqilgan Bitmap.SAP () usulidan foydalanishning iloji yo'q. Javob .Upute - bu chiziqli oqim, i.e. Ma'lumotlar oxir-oqibat boshidan doimiy ravishda qayd etilishi kerak. PNG faylini yaratish uchun dasturiy ta'minot .NET faylni orqaga va oldinga siljitishi kerak, bu aniq pozitsiyalarga o'tishni ta'minlaydigan oqim kerak.

Grafik ma'lumotlar matndan ancha sekinroq uzatiladi va rasmni yuklash vaqti ularning grafik fayllarining hajmiga mutanosibdir. Shuning uchun veb-sahifalarni tezlashtirish ularni optimallashtirish orqali erishilgan grafik tasvirlarning kichik hajmini o'z ichiga oladi. Umuman olganda, optimallashtirish grafik tasvirlarda ranglar sonini kamaytirish, siqilgan va maxsus fayl formatlaridan foydalanish va individual tasvir parametrlarini optimallashtirish orqali amalga oshiriladi. Optimallashtirishning asosiy vazifasi sahifani yuklash tezligi va unga berilgan rasmlarning sifati o'rtasida muvaffaqiyatli murosani topishdir.

Bo'yoq do'koni pro-in tasvirni optimallashtirish vositalari - dastur nafaqat dolzarb optimallashtirish jarayoni, balki uni tezda bajarish imkoniyati tufayli tez va juda qulay tarzda amalga oshirishga imkon beradi. Oldindan ko'rish siqilgan faylning taxminiy natijalarini hisoblashga yordam beradi va kerakli sozlamalarni muvaffaqiyatli tanlash uchun optimallashtirilgan rasmning aniq ko'rinishini aniq tasvir beradi.

Veb-grafikalarni GIF, JPG yoki PNG siqish formatlarida saqlanishi mumkin. Kam sonli ranglarga ega indekslangan rasmlar GIF formatida saqlanadi. To'liq rangli va yarimton tasvirlarni tejash uchun: fotosuratlar va rang to'yingan grafikalar, masalan, gradientni to'ldirish, JPG formatidan foydalaning. Shaffof hududlar bilan to'liq ranglar uchun PNG formatida, PNG sifatini yo'qotayotganda yo'qotilmagan va yo'qotgan to'liq rangli tasvirlarni tejashga imkon beradigan PNG formatida.

Masalan, odatiy fotosuratni JPG formatida siqishga harakat qiling (1-rasm) optimallashtirish bilan. Buning uchun rasmni oching va jamoadan foydalaning Fayl \u003d\u003e Eksport \u003d\u003e JPG Optimerator (Fayl \u003d\u003e Eksport \u003d\u003e JPG ni optimallashtirish) yorliqni sozlash orqali Sifat. (Sifat) Derazada siqish nisbati Siqish qiymati (Siqishni qiymatini belgilang), masalan, rasmda ko'rsatilgandek. 2. JPG-siqishni natijasida olingan rasm tasvirlangan. 3 - Tashqi tomondan, bu sifat jihatidan yomon emas va uning hajmi 13 Kbayt kamroq edi.

Va endi biz GIF formatida indekslangan rasmni optimallashtirilgan siqishni qisqartirishingiz mumkin (4-rasm). Rasmni oching va buyruqdan foydalanib Fayl \u003d\u003e Eksport \u003d\u003e GIF Optiizerator(Fayl \u003d\u003e Eksport \u003d\u003e Gif-optimallashtirish) yorliqni o'rnatish Ranglar. (Ranglar) Ranglarning maksimal soni (5-rasm) va yorliqda Format.(Format) Rasmning tashqi ko'rinishini tanlang: Interalanmagan.- Rasmning veb-sahifasida darhol yoki O'zaro bog'liq. - tafsilotlarning o'sishi bilan izchil ko'rinishi (6-rasm). Natijada, rasmda taqdim etilgan optimallashtirilgan tasvir olinadi. 7, kimning o'lchamini anglatadi, bu esa yuklab olish tezligini anglatadi, dastlabki boshlang'ichdan deyarli ikki baravar kam bo'ladi.

Agar veb-saytga tugmalarni, logotiplar va boshqa veb-elementlarni yaratishda, keyinchalik Internetga optimallashtirish va eksport qilgandan so'ng, ular oq rangga aylanadi. Shunday qilib, bu ro'y bermaydi, siz Tegishli optimallashtirish sozlamalarini ko'rsatuvchi rasmni PNG formatida saqlashingiz kerak. Masalan, keling, bunday tarzda tejashga harakat qilaylik, masalan, bolalar veb-sayti uchun logotip (8-rasm). Rasmni oching va menyuda Fayl \u003d\u003e eksport (Fayl \u003d\u003e Eksport) Buyruqni tanlang PNG optimerator.(PNG optimallashtirish) yorliqda Shaffoflik(Shaffoflik) variantni o'rnating Yagona rang shaffofligi.(Bir rang shaffof) (9-rasm) - olingan rasm uning shaffof foniga olib keladi (10-rasm). Agar inspektorlar rasmga to'ldirilmagan bo'lsa, uning o'lchamlari sonini kamaytirish orqali uning hajmini sezilarli darajada pasayishiga erishish mumkin, ammo bu holda u rasm sifatining sezilarli darajada pasayishiga olib keladi.

3.Web – sahifaning grafik ob‘ektlari .
Web – sahifalarning grafik komponentlarini foydalanish maqsadlariga ko‗ra uchta kategoriyaga bo‗lish mumkin[14]: 1. ILLYUSTRATIV grafika. Bu grafikaga quyidagilar kiradi: fotografiyalarga yozilgan qo‗shimcha matn, tushuntiruvchi rasmlar, chizmalar va sxemalar. 2. FUNKTSIONAL grafika. Bu grafikaga quyidagilar kiradi: saytni boshqarish elementlari (navigatsiya knopkalari, hisoblagichlar, interaktiv shakllar elementlari). 3. DEKORATIV grafika. Bu grafikaga quyidagilar kiradi: sahifani bezatish uchun dizayn elementlari, ularda ma‘lumotlar aks etmaydi (fon rasmlari, grafik fayllar ko‗rinishidagi axratuvchi chiziqlar va boshqalar). Rasm va grafikalar WWW uchun doimo zarurdir. Bu ekranda bir vaqtda ham tasvirni, ham matnni ko‗rishga imkoniyat beridagan internetning yagona vositasi hisoblanadi.Ko‗pgina brouzerlar GIF (Graphies Interchauqe FOP matn – grafika almashish formati) va JPEG (Joint Picture Encodinq Group xarakatsiz tasvirlarning kodlashtirish guruhi) grafik formatlarini quvvatlab turadilar. Bular Internetdagi grafikaning ommalashgan standart formatidir. 78 Formatlarni kodlashtirishda tasvir siqiladi va natijada juda kichik o‗lchovga ega bo‗ladi (sifati qoniqarli darajada bo‗lishigp qaramay). Barcha zamonaviy grafik dasturlar bu ikkala formatni quvvatlab turadilar. GIF shtrixli tasvirlar (shtrixli rasmlar, sxemalar,) Web – sahifaning rasmiylashtirish grafik elementlari) uchun ideal hisoblansa, JPEG esa, odatda yarim tovushli (fotografiya, kartina) grafikani kodlashlashtiradi. Bundan o‗laroq GIF – fayl ekranlarda animatsion filmlar singari ko‗rsatiladigan bir nechta grafik tasvirlarni ham o‗z ichiga oladi. Internet Explorer ham PNG (portable Network Graphics – o‗zgaruvchan tarmoq grafikasi) va BMP (Bit MaP bit matritsasi) formatlarni quvvatlab turadi. PNG yaqinda ishlab chiqilgan bo‗lib, bundan maqsad, GIF va JPEG lar o‗rnini egallash va ikkala formatning ijobiy tomonlarini birlashtirish. Lekin hali u ommalashgan emas. Tasvirlar faylining ajrataolishi va o‗lchami. Web tasvirlari faqat displey ekranida joylashgani sababli, ularning ajrataolishini dyuymdagi piksellarda (ppi – pixels per inch) o‗lchash texnik jihatdan to‗g‗ri bo‗ladi. Ajrataolishni o‗lchashning boshqa birligi – dyuymdagi nuqtalar soni (dpi – dots per inch) bosma tasvirlarning ajrataolishiga taalluqli va bosmadan chiqaradigan qurilmaning ajrataolishiga bog‗liq bo‗ladi. Grafikaning real o‗lchamlari displeyning ajrataolishiga bog‗liq bo‗lganligi sababli, Web-muhit uchun dyuymlarda o‗lchash nomaqbul bo‗lmoqda. O‗lchashning yagona muhim birligi piksel bo‗lmoqda. Tasvirni 72 ppi ajrataolish bilan yaratish qulaydir (ekranda taqdim etish uchun bu eng yaxshi variantdir), bunda piksellardagi umumiy o‗lchamlarga e‘tibor berish kerak. Web da grafika yaratish jarayonida dyuymlarni umuman ishlatmaslik mumkin. Tasvirning sahifadagi boshqa tasirlar bilan taqqoslangan o‗lchami va brouzer oynasining umumiy o‗lchami muhimdir. Masalan, ko‗pchilik foydalanuvchilar hamon 640x480 pikseldagi ajrata olishli 14-dyuymli displeylarni ishlatadi. Ekranning barcha joyini grafika zastavkasi bilan to‗liq to‗ldirish uchun uning kengligini 600 pikseldan oshmaydigan qilish kerak (bunda o‗ng va chap tomondagi piksellarning bir qismi oyna uchun va aylantirish yo‗li uchun ishlatilishi e‘tiborga olinadi). Sahifadagi boshqa tugmachalar va tasvirlarning o‗lchamini 600 pikselli kenglikka ega banerga nisbatan piksellarda o‗lchash kerak. Fayl o‗lchami. SHubhasizki, aynan grafika Web ni bugungi 79 ko‗rinishga solgan. Grafika Web-sahifa uchun tarmoq bo‗yicha uzatish vaqtini oshrishini unutmaslik kerak, grafikaninng katta hajmi yuklash uchun sezilarli vaqt ketishini anglatadi, bu esa o‗quvchining sabrini sinaydi, ayniqsa u standart modem bog‗lanishidan foydalangan holda aloqani bog‗layotgan bo‗lsa. Ushbu munosabatda Web-dizayner uchun yagona eng muhim qoida bor: grafika tasviri faylining o‗lchami imkon qadar kichik bo‗lishi kerak! Tarmoq bo‗yicha uzatishga mo‗ljallangan tasvirlarni yaratish ishlab chiquvchilar uchun yuklash vaqti muammosiga jiddiy yondashish mas‘uliyatini yuklaydi.
Tarmoqda tasvirlar haqida gapirilganda aniqlangan ma'lum bir turdagi fayllar haqida gap ketadi. U «цифровой» kamera yoki skaner yordamida olingan rasm, tasvir, hattoki, grafik formatda ifodalangan matn bo’lishi ham mumkin. Bu yerda faylning aniqlangan formati muhim rol o’ynaydi. Ko’pchilik matn muharrirlari (Notepad, SimpleText) grafik fayllarni o’zlarida tasvirlay (ko’ra, ifodalay) olmaydilar. Buning uchun maxsus tasvirlarni ko’rish programmasi, grafik muharrirlar mavjud.
Tasvirlarni web-sahifaga joylashtirish juda oddiy. Buning uchun  elementi kerak bo’ladi. Shuni tushunish kerakki, rasm sahifaga joylashtirilmaydi, balki rasmga sahifadan turib murojaat (rasmga yo’l) ko’rsatiladi. Rasm fayli esa kompyuterning qattiq diskida yoki tarmoqda joylashgan bo’lishi mumkin.
Tarmoqda tasvirlarning asosan JPEG (Joint Phorographic Experts Group «Dji-peg» deb o’qiladi), GIF (Graphics Interchange Format «gif» deb o’qiladi) va PNG (Portable Network Graphics) kabi formatlari qo’llaniladi. Bundan tashqari PCX, TIFF va PICT kabi formatlar ham internetda uchraydi. Agar foydalanuvchida boshqa formatdagi tasvirlar bo’lib, uni web-sahifaga joylashtirmoqchi bo’lsa, u holda uni yuqoridagi formatlardan birida ifodalab olishi maqsadga muvofiqdir.
Web-sahifa uchun tasvirni qo’yayotganda quyidagi qoidalarga e'tibor berish lozim: birinchidan, «tushlik uchun yaxshi qoshiq»ki tanlagan kabi, ya'ni tasvir o’z joyida qollanilishi kerak; ikkinchidan, tasvir faylini yuklash ko’p vaqtni olmasligi kerak.
Tasvirlar, jadvallar, grafiklar web-sahifani bezaydi, uning ko’rinishi va informativlik xususiyatini oshiradi. Faqat matndan iborat Web-sahifa foydalanuvchini zeriktirib qo’yishi mumkin.
Web-sahifaga tasvirlarni qoyish oddiy vazifa. Murakkabi, yaxshi tasvirni hosil qilish hisoblanadi. U ko’plab xususiyatlarga ega bo’lishi lozim: qiziqarli, foydali, o’ziga tortuvchi va juda ham katta hajmli bo’lmasligi lozim. Tasvirlarni yaratishing ba'zi bir qoidalari:

• 
  Tasvirlar va grafikalar berilayotgan informatsiyaga tegishli bo’lishi lozim. Sahifaning o’lchamini oshirish uchungina tasvirlarni qo’yish kerakmas. Foydalanuvchilar Internetdan ma'lumot qidiradi va faqat keraklisini o’qiydi, sizning yaxshi ko’rgan rasmingizni ko’rish u uchun qiziq emas.
  
• 
  Tasvirlar tez yuklanishi kerak, bu yutuqqa olib keladi. Buning uchun esa fayl katta xajmda bo’lmasligi kerak. Shuning uchun sahifani rasmlar bilan «to’ldirib» tashlamaslik kerak.
  
• 
  Oxirgi yillarda ishlab chiqarilayotgan yuqori sifatli raqamli fotoapparatlar xizmatidan foydalaning. Bu sizga kerakli format va o’lchamni tanlashda qulaylik tug’diradi.
  

Agar siz sahifangizga tasvir qo’yishga qaror qilgan bo’lsangiz tasvirlarni yaratishga mo’ljallangan grafik muxarrirlar xizmatidan foydalanishingiz mumkin. Ular: Paint Shop Pro, Graphic Converter, Adobe Photoshop, Adobe Image Ready, Corel Draw, Corel Xara …