Tools for Everyone
KZ
Вайбкодер блогы — басыңыз

Сайтқа арналған фотоны сапасын бұзбай қалай сығуға болады

Ауыр суреттер — сайттардың баяу жұмыс істеуінің басты себебі. Фото 3–5 есе аз салмақ тартуы үшін қандай пішім мен сапаны таңдау керектігін талдаймыз.

Ауыр суреттер — сайттың ұзақ ашылуының ең жиі себебі, әсіресе телефонда. Жақсы жаңалық: көп жағдайда фотоны бірнеше есе кішірейтуге болады, ал айырмашылықты ешкім байқамайды.

Дұрыс пішімді таңдаңыз

  • JPG — фотосуреттер үшін. Жақсы сығылады, бірақ мөлдірлікті қолдамайды.
  • PNG — логотиптер, сызбалар және мөлдір фоны бар суреттер үшін. PNG-дегі фотосуреттер өте көп салмақ тартады.
  • WebP — сайттарға арналған заманауи пішім. Әдетте JPG-ден 25–35% жеңіл және мөлдірлікті қолдайды.

Сапаны таңдаңыз

Сайттар мен әлеуметтік желілер үшін әдетте 65–80% сапа жеткілікті. Көзбен айырмашылық дерлік байқалмайды, ал файл едәуір жеңілдейді. Нәтиже мен түпнұсқаны қатар салыстырыңыз — айырмашылықты көрмесеңіз, сапаны тағы төмендетуге болады.

Пиксельдегі өлшемін азайтыңыз

Телефоннан түсірілген фотоның ені жиі 4000 пиксель болады, ал сайтта ол 1200 енімен көрсетіледі. Енін керекті өлшемге дейін азайтыңыз — бұл ең көп үнемдеу береді.

Мұны бір минутта қалай жасауға болады

  1. Суреттерді сығу құралын ашыңыз.
  2. Фотоны сүйреп әкеліп, WebP пішімін және шамамен 75% сапаны таңдаңыз.
  3. Қаласаңыз, ең үлкен енді көрсетіңіз, мысалы 1600 px.
  4. Нәтижені жүктеп алыңыз.

Фотолар серверге жүктелмейді: барлығы сіздің браузеріңізде жүреді.

Таратылымға жазылыңыз

Жаңа жазбалар мен іріктемелер — тікелей поштаңызға. Спамсыз.

Барлық мақалалар

Басқа мақалалар