Junior
Кадом форматиҳои тасвирҳои маъмул дар веб-дизайн истифода мешаванд?
sobes.tech AI
Ҷавоб аз AI
- Растр (Растрови тасвирҳо):
- JPEG (.jpg, .jpeg): Барои аксҳо хуб аст, дастгирӣ мекунад фишурдани бо ваҳшӣ. Тарафдорӣ намекунад прозрачност.
- PNG (.png): Дастгирӣ мекунад прозрачност (канали алфа). PNG-8 барои тасвирҳои содда бо палитра, PNG-24 барои тасвирҳои бо сифати баланд бо гамаи пурра. Фишурдани бидуни ваҳшӣ.
- GIF (.gif): Дастгирӣ мекунад анимация ва прозрачност. Маҳдуд ба 256 ранг. Барои анимацияҳои содда ва нишонаҳо истифода мешавад.
- WebP (.webp): Таҳия шудааст аз ҷониби Google. Дастгирӣ мекунад фишурдани бо ва бе ваҳшӣ, анимация ва прозрачност. Аксар вақт хурдтар дар андоза бо сифати монанд дар муқоиса бо JPEG ва PNG.
- Векторӣ (Векторӣ):
- SVG (.svg): Меъёршавии бе талафоти сифати. Беҳтарин барои логотипҳо, нишонаҳо, графика. Базӣ бар XML.
| Формат | Навъ | Тарафдорӣ | Анимация | Фишурдан | Беҳтарин истифода |
|---|---|---|---|---|---|
| JPEG | Растрӣ | Не | Не | Бо ваҳшӣ | Аксҳо |
| PNG | Растрӣ | Бале | Не | Бе ваҳшӣ | Тасвирҳо бо прозрачност, графика |
| GIF | Растрӣ | Бале (оддӣ) | Бале | Бе ваҳшӣ | Анимацияҳои содда, нишонаҳо |
| WebP | Растрӣ | Бале | Бале | Бо ваҳшӣ/Бе ваҳшӣ | Умумӣ |
| SVG | Векторӣ | Бале | Бале (CSS/JS) | Бе ваҳшӣ | Логотипҳо, нишонаҳо, графика |
Интихоби формати мувофиқ аз навъи тасвир, талаботи сифат, дастгирии прозрачност ва анимация, инчунин аз андозаи зарурии файл вобаста аст. Истифодаи <picture> ё хосиятҳои srcset дар теги <img> имкон медиҳад, ки форматҳои гуногун (масалан, WebP ва JPEG) мувофиқи дастгирии браузер пешниҳод шаванд, ки ба оптимизатсияи иҷроиш кӯмак мекунад.