Популярні

Методи і прийоми щодо поліпшення фонових зображень на Retina дисплеїв

Від автора: хоча в специфікації HTML5 і присутні Retina/HiDPI екрани в поєднанні з медіа запитами і srcset, зображення, завантажені через CSS, не вважаються досягненням: не існує повного еквівалента srcset або sizes на CSS, щоб помістити на фон сторінки зображення з оптимальним дозволом. Все це дуже іронічно, враховуючи, що масивні фонові зображення високого дозволу, швидше за все, сильніше навантажує мережу і збільшують час завантаження на відміну від инлайновых зображень. Метод 1: уникнути проблеми зовсім з допомогою SVG Беручи до уваги якість ідеального фонового зображення – низька контрастність, переважно великі обєкти, а не дрібні деталі, маленький розмір файлу і гнучкість у масштабуванні – у багатьох випадках SVG може стати ідеальним рішенням, навіть якщо оригінальне зображення є фотографією.