что понимается под оптимизацией изображений сайта?
что понимается под оптимизацией изображений сайта? есть ли программа чтоб очень сильно сжать изображение.
как можно сжать до совсем , например, до 1 килобайта или меньше?
пока 10-20 килобайт получается?
Раздел: Другое, последний комментарий: 09.12.2015 09:30 Вопрос закрыт пользователем Zastoj
Если есть на картинках откровенные сиськи, то необходимо в фотошопе закодировать соски и ореолы.
Добавлено спустя 08 минут 56 секунд
Сделать изображения в виде превью по клику, а не открытие в полный размер при открытии страницы, если изображения объемные. Возможно, необходимо проработать расположение картинок - не по всему тексту, а всегда только с одной стороны. Уменьшить кол-во картинок, оптимизировав их в меньшее количество более информативных изображений.
1. для каждого типа изображения использовать свой формат (фото - jpg, графика - png, gif)
2. для больших фото обязательно превьюшки, основной принцип на веб-страницах изображение должно быть показано в исходном масштабе, а не с уменьшением
3. оптимизация паитры
4. в дизайне использовать маленькие картинки в качестве заливки, а не громадные, уникализированные элементы в CSS (один файл для всех вариантов в дизайне) и т.д.
5. Заполненные альты, тайтлы и т.д.
6. уникальность самого изображения
7. изображение должно храниться на самом сайте (домене), а не подкачиваться по ссылке, т.е. ссылка src должна быть относительной, а не абсолюбной
ну и как совет не делайте тексты и кнопки меню картинками по возможности:-)
Уменьшение ВЕСА изображения и размера(для ускорения загрузки страниц сайта), преобразование в код, удаление с картинок ненужного содержимого(надписи ссылки и т.д.).
Есть программа конвертирующая изображение в HTML код:
Также есть программа редактор кода brackets
где с помощью дополнений(плагинов), можно делать тоже самое!
Так же есть скрипт
просто берёшь нужное изображение и перетаскиваешь на исполняемый файл
после чего появляется папка с оптимизированным изображением и файл отчёта...
Ещё есть программа riot
Для удаления ненужных элементов есть хорошая программа Teorex Inpaint
А так конечно фотошоп или альтернативные монстры!
Много в сети онлайн сервисов по оптимизации, просто поищи... Успеха в оптимизации!
картинки уникальные
водяные знаки не знаю как сделать
Добавлено спустя 05 минут 36 секунд
1. для каждого типа изображения использовать свой формат (фото - jpg, графика - png, gif)
что под этим понимаешь? я же могу любой формат вставить
2. для больших фото обязательно превьюшки, основной принцип на веб-страницах изображение должно быть показано в исходном масштабе, а не с уменьшением
не понял
3. оптимизация паитры
что это такое
4. в дизайне использовать маленькие картинки в качестве заливки, а не громадные, уникализированные элементы в CSS (один файл для всех вариантов в дизайне) и т.д.
здесь нормальок
5. Заполненные альты, тайтлы и т.д.
с этим так сяк немного понимаю
6. уникальность самого изображения
уникальное
7. изображение должно храниться на самом сайте (домене), а не подкачиваться по ссылке, т.е. ссылка src должна быть относительной, а не абсолюбной
все на сайте хранится , а не с других сайтов
ну и как совет не делайте тексты и кнопки меню картинками по возможности:-)
не делаю
растолкуйте что не понял пожалуйста
Добавлено спустя 07 минут 14 секунд
программа конвертирующая изображение в HTML код
и что там нет ни одной картинки и если там есть вирусный код?
1. Под оптимизацией изображений имеется ввиду уменьшение размера изображения с помошью уменьшения его качества или же масштаба(размер в пикселях).
2. Изображения можно сжимать хоть до 90%(правда качество будет отвратительным), jpeg можно сжимать даже в обычном фотошопе(сохранив его вылезет окно с ползунком, этот ползунок можно регулировать). Есть также онлайн-сервисы для сжатия изображений, например:
a. png - - оптимизирует изображения до 70%(возможна незначительная потеря качества)
b. jpg - - оптимизирует изображения до 70%(возможна незначительная потеря качества)
Ну и так далее.
Добавлено спустя 15 минут 11 секунд
не поддерживает прозрачный фон, но при этом он отлично подходит для фотографий высокого разрешения. Не поддерживает анимацию.
Поддерживает прозрачный фон, хорошо подходит(не отлично) для фотографий высокого разрешения, сжатие происходит без потерь, по этому размер изображения будет больше, чем в JPG. Не поддерживает анимацию
Поддерживает анимацию и прозрачный фон. Сжимает не так хорошо, как JPG или PNG.
Если в вашем изображении используется прозрачный фон - png
Если изображение без прозрачного фона - jpg
Если анимированое изображение - gif
В том то и смысл, что картинка преобразованная в код
загружается браузерами мгновенно и вирусов в этом коде нет, но чем больше картинка, тем больше код, а это существенный минус, поэтому большие изображения не стоит преобразовывать.
тут как раз все просто - изображение должно быть точно такого же габарита как будет отображаться в сверстанной странице...
например аватарки слева все отображаются в теге с шириной=67, а высотой=67, ну и реальный размер подгружаемых аватарок 67х67 пикселей....
теперь понял
что будет если меньше разрешение?
что будет если больше разрешение?
что будет если равно разрешение?
Нужно ли чтоб строго такие были и как это в теме исправить?
я хочу понять как изменить в коде , чтоб изменить под другие изображения
как это сделать?
что будет если меньше будет расширение изображение?
что будет если больше будет расширение изображение?
что будет если равно будет расширение изображение?
можно с примерами
это не то -
img src="ссылка " height="1" width="1" alt=" " код не полный < > начало конец
какие проги ? вставь в свой сайт код вставь ссылку никто не увидет подгрузку картинки height="1" width="1" - ставь параметры 10 увидят )
Добавлено спустя 29 часов 16 минут 21 секунду
звиняй но нихера не понля что тебе надо... скрытые открытые картики показали ..разсусоь подробнее может кто ипоможеь
что понимается под оптимизацией изображений сайта?
0.00 
Успеха в оптимизации!
