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