Veb-səhifələrdə istifadə edilə bilən bir sıra şəkil formatları var. Bəzi ümumi nümunələr GIF , JPG və PNGdir . SVG faylları da bu gün internet saytlarında yaygın olaraq istifadə olunur, veb-dizaynerlərə online şəkillər üçün başqa bir seçim verilir.
GIF Şəkillər
Kiçik, sabit rəng sayına malik şəkillər üçün GIF fayllarını istifadə edin. GIF faylları həmişə 256-dan çox unikal rəngə endirilir. GIF faylları üçün sıxılma alqoritmi JPG fayllarından daha az mürəkkəbdir, lakin düz rəngli şəkillərdə və mətnlərdə istifadə edildikdə çox kiçik fayl ölçüsü istehsal edir.
GIF formatı gradient rəngli fotoşəkilləri və şəkilləri üçün uyğun deyil. GIF formatının məhdud sayda rəng olduğu üçün gradient və fotoşəkillər bir GIF faylı olaraq qeyd edildikdə bantlama və pixelation ilə sona çatacaq.
Əksinə, GIF'ləri yalnız bir neçə rənglə sadə şəkillər üçün istifadə edərdiniz, ancaq PNG-i də bunun üçün də istifadə edə bilərsiniz (daha qısa bir müddətdə).
JPG Şəkillər
Fotoşəkillər və milyonlarla rəngə malik digər şəkillər üçün JPG şəkillərindən istifadə edin. Təsvirin keyfiyyətini itirməklə daha kiçik qrafik yaratmağa imkan verən kompleks bir sıxılma alqoritmini istifadə edir. Bəzi görüntü məlumatları sıxılmış zaman itirilmişdır, çünki bu "kayıp" sıxılma adlanır.
JPG formatı mətnli, böyük rəngli bərk rəngli şəkillər və kəskin kənarları olan sadə şəkillər üçün uyğun deyil. Görünüş sıxılmış zaman mətn, rəng və ya xəttlər başqa bir formatda saxlanılacağı kimi kəskin olmayan bir görüntüyə səbəb ola bilər.
JPG şəkilləri çoxları və çox təbii rəngləri olan fotoşəkillər və şəkillər üçün istifadə olunur.
PNG Şəkillər
PNG formatı, GIF şəkillərinin royalti ödənişinə məruz qaldığı ortaya çıxdıqda GIF formasının dəyişdirilməsi kimi hazırlanmışdır. PNG grafiğinin GIF şəkillərindən daha yaxşı bir sıxılma nisbəti, GIF şəklində eyni fayldan daha kiçik görünüşlərə səbəb olur. PNG faylları alfa şəffaflığı təklif edir, yəni tam şəffaf və ya hətta bir sıra alfa şəffaflığı olan şəkillərinizin sahələrinə sahib ola bilərsiniz. Məsələn, açılan kölgə, şəffaflıq effektlərinin bir sıra istifadə edir və PNG üçün uyğun olacaq (ya da bizi yalnız CSS kölgələri istifadə edə bilərsiniz).
GIF şəklində PNG şəkilləri fotoşəkillərə uyğun gəlmir. Gerçək rənglərdən istifadə edərək, GIF faylları kimi saxlanan fotoşəkillərə təsir edən bantlama problemini həll etmək olar, lakin bu, çox böyük görünüşlərə səbəb ola bilər. PNG şəkillər də köhnə mobil telefonlar və xüsusiyyət telefonları tərəfindən yaxşı dəstəklənmir.
Şəffaflığı tələb edən hər hansı bir fayl üçün PNG istifadə edirik. Bunun əvəzinə bu PNG formatı istifadə edərək, GIF kimi uyğun olan hər hansı bir fayl üçün PNG-8 istifadə edirik.
SVG Şəkillər
SVG Scalable Vector Graphic üçün nəzərdə tutur. JPG, GIF və PNG-də olan raster əsaslı formatlardan fərqli olaraq, bu fayllar fayl ölçüsündə artım keyfiyyətinin itirilməsi olmadan hər hansı bir ölçüdə göstərilə biləcək çox kiçik fayllar yaratmaq üçün vektorlardan istifadə edir. Onlar simgeler və hətta loqotiplər kimi illüstrasiyalar üçün yaradılmışdır.
Web Çatdırılma üçün Şəkillər Hazırlama
Hansı şəkildən istifadə etdiyinizi və web səhifəmizin bütün səhifələrində bir sıra müxtəlif formatlardan istifadə etdiyinə əmin olmalısınız, həmin saytdakı bütün şəkillərin veb çatdırılmasına hazır olmasını təmin etməlisiniz . Çox böyük görüntülər bir saytın yavaş-yavaş çalışmasına və ümumi performansa təsir göstərə bilər. Bununla mübarizə aparmaq üçün, həmin şəkillərin keyfiyyəti yüksək səviyyədə və mümkün olan ən aşağı fayl ölçüsü arasındakı balansı tapmaq üçün optimallaşdırılmalıdır .
Sağ şəkillərin seçilməsi döyüşün bir hissəsidir, həm də bu faylları hazırladığınızdan əmin olmaq bu mühüm veb çatdırılması prosesində növbəti addımdır.
Jennifer Krynin tərəfindən hazırlanan əsər. Jeremy Girard tərəfindən düzəldildi.