Поддержка Проблемы и решения Как убрать размытие изображения?

  • Доброго дня!
    Столкнулся с такой проблемой. У меня на WP настроено автоматическое создание миниатюры фотографии при загрузке оригинала. Когда миниатюра создается, то заметно что она немного размыта. Как эту проблему можно решить? Гуглил — не помогло 🙁

    В functions прописано что качество фотографий не ужимается
    add_filter( 'jpeg_quality', create_function( '', 'return 100;' ) );

    Если уменьшаю фотографию в фотошопе (пробовал со всеми resample) или в acdsee до нужного размера миниатюры и сохраняю с качеством 100% то разница все равно видна — резкость не теряется, в отличие от wp

Просмотр 15 ответов — с 1 по 15 (всего 16)
  • Модератор Yui

    (@fierevere)

    永子

    качество 100 обычно ничего не дает по сравнению с 90-93-95
    убедитесь что на хостинге есть расширение PHP Imagick, с ним качество заметно выше

    imagick module version 	3.4.3
    imagick classes 	Imagick, ImagickDraw, ImagickPixel, ImagickPixelIterator, ImagickKernel
    Imagick compiled with ImageMagick version 	ImageMagick 6.9.9-9 Q16 i586 2017-08-21 http://www.imagemagick.org
    Imagick using ImageMagick library version 	ImageMagick 6.9.9-9 Q16 i586 2017-08-21 http://www.imagemagick.org
    ImageMagick copyright 	© 1999-2017 ImageMagick Studio LLC 

    вот такое в phpinfo() желательно увидеть
    при этом в номере версии Q16 означает что Imagick использует 16 бит на цветовой канал при внутреннем представлении, что обеспечивает хорошее качество

    также убедитесь что создаваемые миниатюры отображаются на вашем сайте как есть по размеру, а не масштабируются еще и браузером

    Я понимаю что визуально разница между 100% и 90-93-95% очень незначительная, но в том то и дело что на выходе фотография не уменьшается в качестве (как при настройках фотошопа), а становится чуть заблюреной. И как этот блюр убрать я не знаю

    PHP Imagick есть

    imagick module version 	3.1.2
    imagick classes 	Imagick, ImagickDraw, ImagickPixel, ImagickPixelIterator
    ImageMagick version 	ImageMagick 6.9.4-6 Q16 x86_64 2016-12-08 http://www.imagemagick.org 

    Миниатюры все строго по размерам, ничто не масштабируется.

    При работе в openserver такая же фигня.

    Как эту проблему можно решить?

    Показать людям страницу где «размыто».
    Вангую обычную причину — физ. размер отличается от отображаемого. Или же эффекты темы/плагинов.

    В functions прописано что качество фотографий не ужимается

    Это только увеличит объём файлов. Вполне достаточно 80 (а то и 75).

    как при настройках фотошопа

    После ФШ ещё нужно оптимизировать графику.

    показываю людям — http://septemberbears.com/
    Самая первая миниатюра (Panther cub Emma)

    Сравнение двух файлов, из фотошопа (изменение размера с bicubic sharper) и вордпресса
    https://yadi.sk/d/B4b8IYCp3MWkjD

    Оптимизация графики — это отдельный вопрос, я пытаюсь понять, почему wp блюрит исходное изображение и как это можно выключить

    • Ответ изменён 6 лет, 7 месяцев назад пользователем romanice.
    • Ответ изменён 6 лет, 7 месяцев назад пользователем romanice.
    Модератор Yui

    (@fierevere)

    永子

    а вам написали про масштабирование браузером….
    обычно все потери качества идут тут, как вы с исходной картинкой или ее миниатюрой не должного размера не старайтесь

    PS: 150 Kb это очень много для такой картинки, можно было бы даже в PNG ее сделать

    • Ответ изменён 6 лет, 7 месяцев назад пользователем Yui.

    я смотрю в разрешении, где изменения масштаба нет
    https://yadi.sk/i/MKfd-4SB3MWod3

    И я могу понять если размер миниатюры был бы больше размера фотографии, тогда да, в таком случае было бы ухудшение качества.

    да, я понимаю что 150 кб для этой фотографии многовато и собираюсь заняться оптимизацией, но это чуть другой вопрос (но спасибо за совет)

    http://septemberbears.com/wp-content/uploads/teddys-friends/panther-cub-emma/DSC_7193-330×381.jpg
    Видите размытость?

    И да, вот с качесвом 80 — разница есть? А объём — 19 кб против 150.

    Уважаемые господа, да я понимаю что есть колоссальная разница между 19кб и 150. И я собирался заняться оптимизацией всех фотографий. Но как раз в начале данной работы столкнулся с размытием.

    И да, оно есть
    http://septemberbears.com/wp-content/uploads/DSC_7193.gif

    • Ответ изменён 6 лет, 7 месяцев назад пользователем romanice.
    • Ответ изменён 6 лет, 7 месяцев назад пользователем romanice.
    • Ответ изменён 6 лет, 7 месяцев назад пользователем romanice.

    И да, оно есть

    Причём тут гиф вообще…
    Если Вы видите дефекты картинок (только картинок, а не встроенных в страницу!) — значит сервер плохо генерирует.
    Однако я лично не вижу никаких артефактов у http://septemberbears.com/wp-content/uploads/teddys-friends/panther-cub-emma/DSC_7193-330×381.jpg

    Гиф нужен только для того чтобы показать вам разницу ресайза между ФШ и ВП. В обоих случаях качество на выходе 100%, однако итог разный.

    Я вижу не дефекты и артефакты (имею ввиду качество самой фотографии), а ее размытость.

    Однако я лично не вижу никаких артефактов у

    Хотя да. Сделанная из оригинала миниатюра выглядит чуть лучше (и на 1кб больше весит).

    Значит проблема в граф. библиотеках/настройках сервера.

    Модератор Yui

    (@fierevere)

    永子

    я бы не пинала сервер. ImageMagick — одна из лучших библиотек обработки изображений.
    WP никак особенно не меняет параметры обработки изображений и использует лишь её базовые функции, в файлах настройки IMagick тоже крутить особенно нечего по этому поводу.

    можете попробовать (если принципиально) поэкспериментировать с выводом

    mogrify -scale XXXxYYY original.jpg resized.jpg

    XXX и YYY — соответственно размеры выходного изображения

    https://www.imagemagick.org/script/binary-releases.php
    IMagick втч и для Windows можно скачать тут

    • Ответ изменён 6 лет, 7 месяцев назад пользователем Yui.

    Спасибо, что хоть направили,
    пробую применять плагины «RICG Responsive Images» и «Sharpen Resized Images»
    более-менее лучше получается

    @romanice, скажите пож, чем Вы сделали физ. распределение картинок?
    Вот тут как раз человек планирует — ему бы это тоже пригодилось. Да и другие иногда интересуются.

    До загрузки фотографий я установил плагин «Custom Upload Dir» и в его настройках указал Build a path template: /%category%/%postname%.
    После того как под заголовком новой записи появляется ссылка-путь я загружаю фотографии и они сами попадают в папки с категорией и названием записи.

    С магазином еще не работал, но думаю что должен и там так же работать

Просмотр 15 ответов — с 1 по 15 (всего 16)
  • Тема «Как убрать размытие изображения?» закрыта для новых ответов.