Поддержка Проблемы и решения Плывет логотип в шапке

  • Решено Brita

    (@maryokk)


    Подскажите, пожалуйста. В чем беда? Почему именно лого теряет в качестве? Уже все проверила, но большое и качественное изображение не берет, а с мелким все размыто отображается… Как залить хорошее качество и чтобы размер не поехал? Спасибо

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • Модератор SeVlad

    (@sevlad)

    wp.me/3YHjQ

    Не увидел, чтобы что-то плыло, но вот полноцветные картинки (фото) нужно сохранять в jpg, а не png.

    Не увидел, чтобы что-то плыло

    Я тоже не увидел ничего принципиально страшного. Но что касается вашего лого png на прозрачном фоне — он изначально имеет низкое качество при маленьком разрешении https://cloud.mail.ru/public/3iVL/qWcdK4qFd
    А при загрузке WP еще его немного поджимает.

    полноцветные картинки (фото) нужно сохранять в jpg, а не png

    Это точно! Почувствуйте разницу почти в 6 раз в весе картинки при их практически одинаковом качестве!.
    https://cloud.mail.ru/public/Dz2R/Wozbfqgkk
    https://cloud.mail.ru/public/g6YV/9MFVacDKn

    А выигрыш в весе — это и скорость загрузки страницы и экономия места на сервере.
    Особенно если картинок очень много, а место ограничено.

    • Ответ изменён 1 год, 10 мес. назад пользователем  O.
    Модератор SeVlad

    (@sevlad)

    wp.me/3YHjQ

    Но что касается вашего лого png на прозрачном фоне — он изначально имеет низкое качество при маленьком разрешении

    Да нормальное кач-во для таких размеров и такого изображения.

    Но вот что я только что увидел «cropped» в имени файла. Т.е. вырезалось самим ВП, а этого делать не стоит если интересует кач-во. В см не ВП плох, а серверные php-библиотеки для обработки графики могут плохо работать

    Почувствуйте разницу почти в 6 раз

    Почти в 9, если уж на то пошло 🙂

    https://i.imgur.com/4b1WDa1.png
    https://i.imgur.com/9mjwPSa.jpg

    ЗЫ. Хотите чтобы Ваши картинки видели все — не размещайте их в «облаках», используйте имж-сервисы.

    чтобы Ваши картинки видели все — не размещайте их в «облаках»

    Я знаю, что «яблочные» девайсы не дружат с российскими облаками. Но еще какие проблемы?

    Модератор SeVlad

    (@sevlad)

    wp.me/3YHjQ

    Но еще какие проблемы?

    1. «Облака» типа яндекса, маила, гугла и тп просто не всем дают посмотреть — ограничивают доступ по юзрагенту (даже со слегка устаревшими версиями браузеров), IP и др данным.
    2. Имеют лимиты на кол-во показов (запросов, скачиваний) в час/сутки/месяц.
    3. Ограничения к ним доступа со стороны нек. стран. (напр 133/2017).
    4. Вы показываете не картинку, а страницу. Это а) не понятно на что ведет и б) сравните объёмы и скорость загрузки. (справедливости ради — многие имж-сервисы даже по адресу картинки покажут страницу. тот же imgur.com когда как делает)
    5. Вы не встроите картинки в форумы и тп — просто нет или трудно получить прямую ссылку на картинку, но даже если и получите — она будет недолгой — облачные сервисы их меняют как хотят.
    6. Некоторые пользователи дают ссылку на такие сервисы, но при этом доступ к картинкам требует авторизации.

    Всем спасибо, про джипег не подумала, исправлюсь. Но вот про лого — вопрос именно в том, что «как его загрузить хорошего качества и размера, соотв.», чтобы выводился он именно 250px в длину, но сам был например 700px (для сохранности качества). Потому как если сейчас его залить большим, то выползет он 100% и в шапке. А где ограничить принудительно размер отображения? причем чтобы в мобильной версии не поехало все…

    не занимайтесь ерундой — заливайте картинку именно того размера, который будет выводится

    Модератор SeVlad

    (@sevlad)

    wp.me/3YHjQ

    чтобы выводился он именно 250px в длину, но сам был например 700px (для сохранности качества).

    В этом случае никакого сохранения качества не будет. Будете как раз ухудшение (возможно не видимое на глаз, но будет). Любое изменение размеров браузером — это искажения.

    Хотите без искажений:

    заливайте картинку именно того размера, который будет выводится

    И не используйте фотошоп для оптимизации картинок — он этого не может сделать правильно (вернее он-то может и может с пом каких-то плагинов, но я пока не встречал чтобы кто-то смог это сделать). Используйте простые бесплатные программки. Напр http://www.irfanview.com/ и тп

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • Тема «Плывет логотип в шапке» закрыта для новых ответов.