Как работает скаллинг изображений в разных браузерах? Как-как! Ужасно!
Берём исходник. Это GIF 84х98. Картинка имеет особенность. Три шарика на ней не залиты оранжевым цветом, они раскрашены в небольшой мелкий горошек с жёлтенькими вкраплениями. Эту картинку мне никуда не денешься попользовать в нескольких частях страницы. Поэтому где-то я вставляю её в толстомясый размер, а где-то хочу изменить ей размер, задав нужное свойство у тега <img>
Итак, исходник. Для начала поиграемся с ним в Адоби Фотомастерской. Вот что мы имеем:
Замечу сверхкомплектный раз, что моя буква “Х” с шариками - это GIF в режиме “Indexed color”, как это естественно с такими картинками и бывает. Сию минуту я уменьшу её в стандартном диалоге Image size. Результат:
Боженька мой! Наши шарики стали похожи на иссохшиеся, затвердевшие куски севернокорейского мороженого! Посмотрите, в каждом из шариков образовались ненужные жёлтые вкрапления, заметные глазу.
Тут к доктору не ходи, многие знают, как на самом деле надо подвизаться в данной ситуации. Перед изменением размера картинки её надо перевести в режим RGB (Mode->RGB). Тогда всё станет на приманка места:
О чудо! Шарики остались оранжевые.
Это была доктрина. Данное время поговорим, какое манеж данный случай может взять при вёрстке шаблонов сайта. Дело в том, что все браузеры работают с картинками index-color’а по-разному. Смотрите различия (смотрите нижние картинки, результатные):
Уу-у-у-ух! Майкрософт подкачал как постоянно, Фирфокс с зачем-то вдруг тоже. А вот Пастиччо и Сафари, которыми, как скажут 99% людей, “мелкота не пользуется”, с задачей справились. Что, поэтому ими шушваль и не пользуется :)
Танец живота
Англоиндусы и афроангличане
Нови 17 обекта за настаняване на туристи категоризират в община Шабла
Выбор страховой компании
Контакты
Комментариев нет:
Отправить комментарий