D.iK.iJ
Делай что должен. И будь оно... просто будь! 💬 Когда будет срублено последнее дерево, когда будет отравлена последняя река, когда будет поймана последняя птица, – только тогда вы поймете, что деньги нельзя есть. 💬 Лучший момент, чтобы посадить дерево, был 20 лет назад. Второй лучший момент - сейчас.
🤣 🤣 <= ТРЕТЬЯ гифка на странице! Вот я бунтарь.
К счастью, тут русский форум, на котом не всегда тупо помогают сломать шею :)
Все просто же! :)
В .htaccess для каждой из 100500 картинок прописать:
Написал свой такой двиг на файлах. Хедер, футер и меню - общие для сайта и вставляются инклудами PHP.
Еще для Ретины нужны изображения в 2 раза больше, чем обычно. :)
Получается, кроме 1200 часто достаточно еще одной картинки - на 700px.
Ну и ресайз через стили в любом случае придется использовать.
Что-то вроде этого:
img {max-width: 100% !important; height: auto !important; box-sizing: border-box;}
для того, что-бы уменьшить количество запросов браузера при загрузке страницы
счетчик работает без этой картинки
Конечно работает. Это же картинка для тех, у кого скрипты отключены.
Только вот она всего 1px размером, а скрипт - 50 килобайт и тормозит у меня временами.
С адблоком - моментально. Без него - секунд 58 висит загрузка.
---------- Добавлено 14.03.2018 в 01:31 ----------
Проверил на своем сайте - тоже висит загрузка рекламы от Гугла довольно долго.
Сейчас же каждый второй на Ютубе просит нажать "колокольчик", чтобы приходили оповещения.
Проще тогда вынести в отдельный скрипт, закрыть в роботс и зашифровать.
Государственные символы (флаг, герб, гимн и прочее) находятся в общественном достоянии.
А рисунок с ними, возможно, нет! :)
Вывод - заказать логотип у художника или дизайнера, а не брать чужую картинку.
Ну, правильное решение уже было вроде - выводить картинку бекграундом. И менять при уменьшении ширины экрана ниже 800:
тут стили
}
Можно скрыть картинку, а ссылке вокруг назначить фон, сделав ее блоком
width: auto;
height: 100px;
background: url(/logo2.jpg) top center no-repeat;
background-size: contain; //или cover
Как-то видел вообще такое вот. Замена адреса картинки через CSS.
Только старые браузеры точно не поддерживают.
img {content: url(logo2.jpg);}