Поддержка → Проблемы и решения → Как убрать размытие изображения?
Как убрать размытие изображения?
-
Доброго дня!
Столкнулся с такой проблемой. У меня на WP настроено автоматическое создание миниатюры фотографии при загрузке оригинала. Когда миниатюра создается, то заметно что она немного размыта. Как эту проблему можно решить? Гуглил — не помогло 🙁В functions прописано что качество фотографий не ужимается
add_filter( 'jpeg_quality', create_function( '', 'return 100;' ) );
Если уменьшаю фотографию в фотошопе (пробовал со всеми resample) или в acdsee до нужного размера миниатюры и сохраняю с качеством 100% то разница все равно видна — резкость не теряется, в отличие от wp
-
качество 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 блюрит исходное изображение и как это можно выключить
а вам написали про масштабирование браузером….
обычно все потери качества идут тут, как вы с исходной картинкой или ее миниатюрой не должного размера не старайтесь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И да, оно есть
Причём тут гиф вообще…
Если Вы видите дефекты картинок (только картинок, а не встроенных в страницу!) — значит сервер плохо генерирует.
Однако я лично не вижу никаких артефактов у http://septemberbears.com/wp-content/uploads/teddys-friends/panther-cub-emma/DSC_7193-330×381.jpgГиф нужен только для того чтобы показать вам разницу ресайза между ФШ и ВП. В обоих случаях качество на выходе 100%, однако итог разный.
Я вижу не дефекты и артефакты (имею ввиду качество самой фотографии), а ее размытость.
Однако я лично не вижу никаких артефактов у
Хотя да. Сделанная из оригинала миниатюра выглядит чуть лучше (и на 1кб больше весит).
Значит проблема в граф. библиотеках/настройках сервера.
я бы не пинала сервер. 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»
более-менее лучше получаетсяДо загрузки фотографий я установил плагин «Custom Upload Dir» и в его настройках указал
Build a path template: /%category%/%postname%
.
После того как под заголовком новой записи появляется ссылка-путь я загружаю фотографии и они сами попадают в папки с категорией и названием записи.С магазином еще не работал, но думаю что должен и там так же работать
- Тема «Как убрать размытие изображения?» закрыта для новых ответов.