Поддержка Проблемы и решения Плохое качество картинок на телефоне

  • Здравствуйте!
    У меня следующая проблема. Миниатюры картинок на компьютере отображаются нормально, а вот в телефоне качество очень плохое. Подскажите, что делать?
    Спасибо!

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

Просмотр 10 ответов — с 1 по 10 (всего 10)
  • demilia, приветствую. Вы говорите вообще про все миниатюры, или какие-то конкретно? И было бы здорово увидеть скриншот с очень плохим качеством изображений на сайте, чтобы точно понять предмет разговора. Я посмотрел сайт и какого-то ужаса не заметил 🙂

    Спасибо за отклик!
    На телефоне плохое качество всех миниатюр. Нормальные картинки только те, которые добавлены ручками напрямую в текст записи.
    Я не знаю, как вставлять сюда картинки, прикрепила ссылкой.
    фотка для сравнения
    Верхняя фотка — та, которая на странице самой записи, вставленная мной <а хрефом>.
    Нижняя — та, которая отображается с измененными размерами на страницах вывода записей.
    Я так понимаю, миниатюры создаются каким-то приложением. У меня по дефолту было установлено ShortPixel Image Optimizer, но у него на бесплатной версии ограничение по количеству фоток, а оплатить я не могу — у нас тут пэйпал не работает((.

    В общем, я так понимаю, что надо какой-то другой создатель миниатюр, видимо. Но совсем не знаю, какой именно, и вообще, надо ли.
    Буду благодарна за совет!

    Модератор Юрий

    (@yube)

    фотка для сравнения

    Вы растянули картинку 330х200 до ширины 800, т.е. без малого в три раза. Конечно, она там плохо выглядит. На узком экране мобилы миниатюра смотрится вполне прилично.

    Я ничего не растягивала. Обе фотки из примера -и верхняя и нижняя — скриншот с мобилы, склеены вместе тоже на мобиле. Но при этом как видно верхняя хорошая, а нижняя нет. Разница только в том, что фотки взяты с разных страниц сайта: на одной странице фотка вставлена полноразмерно (как я понимаю) мной. а на другой странице фотка — созданная чем-то миниатюра, хотя по размеру она такая же как и на странице записи (то есть как и хорошая).
    На компе та же самая миниатюра на той же самой странице выглядят прилично! А вот в мобиле явное ухудшение качества!
    Спасибо.

    Поясню еще раз. Вот тут фотка с макаронами (фотка на странице с миниатюрами) — не ахти.
    Вот тут та же фотка на той же мобиле (фотка, вставленная напрямую) — то что надо.

    Вот и хочется узнать как на странице с миниатюрами достичь того же, что и на странице с записями.

    Речь идет о просмотре сайта через телефон. На компе этих проблем нет.

    Телефон с ретиной?

    Вики пишет, что ретина на яблоке. У меня самсунг.

    Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    Вот и хочется узнать как на странице с миниатюрами достичь того же, что и на странице с записями.

    Разница в том, что вставленное вручную изображение полностью адаптивно (содержит атрибуты srcset и sizes, позволяя браузеру выбрать оптимальный вариант), а вот на главной отображается миниатюра с фиксированным размером 330×200, которая на телефонах с высоким разрешением выглядит размытой.

    Поскольку используется платная тема Cook It, которой нет в открытом доступе в каталоге WordPress.org, и её авторы утверждают, что она адаптивна («сайт хорошо отображается на всех устройствах: на ПК, на планшетах, на телефонах») — думаю, стоит обратиться к авторам.

    С авторами темы я веду переписку уже который день. Из их предложений было воспользоваться плагином Regenerate thumbnails и изменить высоту картинки, что на качестве никак не отобразилось.
    Посему и хочу узнать, могу ли я как-нибудь сама подручными средствами спасти внешний вид картинок.
    Спасибо!

    Всем спасибо! Воспользовалась виджетом.

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