Защо да се resize - ва снимка за сайта?

Уеб дизайн Wordpress HTML CSS Уеб сайтове с Wordpress

Малко съображения от практиката. Приемам, че екранът на вашия компютър е с резолюция (правилният, но по дълъг термин е "разделителна способност") 1280х720. Т.е. в тази резолюция виждаме снимките независимо, че в оргинал може да са с резолюция 12800х7200 т.е. 10 пъти по-голяма. За показване на екрана компютърът автоматично "смачква" 10 пиксела в 1 пиксел по височина и по ширина. Препоръчвам ви тест: вземете най-голямата по размер снимка, която имате и я намалете до размер 1280х720. Запишете това копие на снимката в папката на оргинала. Превключвайте бързо от едната на другата снимка – няма да забележите разлика в качеството, а само във времето на зареждане, което естествено е по-голямо при оргинала. Или в слайдера поставете една до друга оргиналната снимка с лимони и нейно копие с 3 пъти по-малка резолюция. Виждате ли разлика? А съотношението в мегабайти е 5 пъти (327:61), което влияе на скоростта на зареждане. В резюме – по-голяма резолюция ни трябва, само ако ще вадим и увеличаваме детайл от снимката, но това не е нашият случай в Wordpress. Важно е съотношението ширина/височина на снимката. В днешно време стандартът е 16/9=1,78. В това съотношение са: екранът на лаптопа (в см.), резолюцията му (1200/675 или 1280/720(HD) или 1920/1080(Full HD)), екраните на телевизорите, на смартфоните и т.н. И вероятно ще трябва да се съобразява съотношението прието в избраната тема. Дано не греша с тези разсъждения!

Здравейте, много добре сте описали логиката защо трябва да се resize-ва снимка за уеб сайт.Колкото по-голяма е резолюцията, толкова повече информация съдържа снимката и толкова по-голям е размерът й. Става ясно, че качването на снимки с висока резолюция ще повиши времето за зареждане на уеб сайта. Препоръчително е снимките да са с подходяща резолюция, нито малка, нито голяма. Когато говорим за оптимизация, имаме предвид, че уеб страницата трябва да изглежда и да работи оптимално на най-различни устройства с различни размери на екрана. Повечето wordpress теми имат и препоръчителни размери за изображенията в сайта, за да изглеждат добре нещата.

При високоскоростен интернет и какъвто и да е компютър размерът на файловете за зареждане не е критичен. Но в последните години процентът на мобилните устройства нараства и вече спокойно може да се каже че надхвърля 35%. От една страна въпреки че някой от тях вече са дву-четири ядрени, даже има и с 8 ядрени процесори, но са далеч още от масовото използване) те са по- бавни от какъвто и да е компютър дори използвайки WiFi. От друга страна по ред причини българите си вземат "малки " планове за мобилен интернет. И когато се наложи да се зареждат файлове от по половин - два мегабайта снимката, то първо се изчерпват доста по- рано "бързите" мегабайти от плана, а после "неограниченият достъп пада при различните оператори на 64 или 128 килобита и тогава големите файлове се зареждат вече наистина бавно.

а за още по-голямо улеснение, аз ползвам този сайт https://compressor.io/compress качвам *.jpg, компресира го и няма никаква разлика в качеството. после при тест на скороста на страницата е на шест


Вашият отговор

Научи компютърните програми онлайн от топ експертите на България
Регистрацията в АУЛА ви дава:
  • 20 безплатни урока
  • Трикове и тънкости за софтуера
  • Отговори на вашите въпроси
  • Регистрация