Как встраивать миниатюры в изображения

Question

У меня есть куча миниатюр 200X120 и куча изображений высокого качества. Очевидно, что когда я просто изменяю размеры миниатюр с помощью размера img, качество страдает, поэтому мы загружаем два изображения с сервера: миниатюру изображения и фактическоепросто пытаясь оптимизировать мой сайт по скорости, немного видел, как кто-то упоминал о встраивании больших пальцев в изображение, кто-нибудь знает программу, которая делает это?Является ли это лучшим способом для достижения моей цели в виде высококачественных миниатюр?

Answer 1

Это проблема только в IE6 и IE7? Современные браузеры используют бикубическую повторную выборку, поэтому вы должны иметь возможность изменять размер на уровне без последствий. При использовании IE6 или IE7, проверьте эту запись в блоге для достойного решения.

В основном, это предполагает использование стиля

img {
  -ms-interpolation-mode:bicubic;
}

в этих браузерах MS.

Answer 2

Я не верю, что вы можете вставить миниатюру в файл изображения.Аналогичные вещи доступны для других носителей, таких как файлы MP3, к которым вы можете прикрепить изображение для обложки альбома и т. Д. Даже если бы вы могли, нет никаких функций, которые вы могли бы использовать, чтобы различать фактическое изображение и эскизное изображение.

Кроме того, не изменяйте размеры больших изображений HD в миниатюры в HTML.Клиент все еще должен загрузить файл весь , даже чтобы изменить его размер.Если имеется сетка из 9 изображений, то это 9 очень больших изображений HD, которые они должны загружать, когда они могли бы вместо этого загрузить уменьшенные эскизы этих изображений.

Answer 3

Google "Exif". Существуют сотни приложений, которые читают / пишут атрибуты exif, включая те, которые, я уверен, встраивают и извлекают атрибут миниатюрного изображения. Или вы можете сделать свой собственный, с уверенностью, на любом языке и подходящем плагине.

Когда вы отправляете миниатюры, вы можете вместо этого программно извлечь этот атрибут миниатюры из изображения и обработать его, а не весь файл изображения, сжатый после доставки с использованием стилей HTML.