У меня есть изображение, которое я использую много раз. В некоторых случаях я хочу уменьшить его размер, но, очевидно, он теряет остроту, когда я делаю это в HTML.Как я могу сжать изображение в HTML, сохраняя его резкость?
Есть ли способ исправить это? Изображение находится в другом месте, и я не могу сохранить его локально.
Благодаря
Как dheerosaur состояний, SVG графика может быть использована, когда вам нужно иметь один и тот же образ в нескольких размерах, но не хотят идти на компромисс качества.
Еще одна вещь, которую нужно сделать, это использовать онлайн-сервис, такой как Resize.co. Вы передаете им URL-адрес вашего файла изображения, атрибуты, и они заботятся обо всем остальном.
Вы не можете контролировать, как браузер отображает изображения при их изменении. Изображения будут выглядеть лучше при передаче через фильтры Photoshop (или в другом инструменте) при изменении размера.
Вы * вид * может в Firefox и Internet Explorer - см. [Мой ответ] (http://stackoverflow.com/questions/4438467/how-can-i-shrink-an-image-in-html-whilst-maintaining -ITS-резкость/4439293 # 4439293) –
Существует три способа, которые я знаю, чтобы уменьшить размер файла изображения в байтах:
У Firefox и Internet Explorer действительно есть свойства CSS, которые корректируют способ изображения визуализированы при изменении размера с помощью HTML атрибутов или CSS свойства:
image-rendering-ms-interpolation-modeОни не будут работать в других браузерах и могут не работать во всех (или любых) версиях IE и Firefox.
Но, возможно, стоит поэкспериментировать с ними как резерв в случае, если resizer.co вызывает какие-либо проблемы.
Я видел изображения, теряющие остроту при увеличении. Я не знаю, как это происходит, когда сокращается. Если вы хотите использовать масштабируемую графику, в отличие от фотографий и т. Д., Вы можете проверить SVG для HTML5. – dheerosaur