Как сохранить gif чтобы он двигался. Сохранение на компьютер через ОК двумя простыми способами. Скачать гифку на компьютер: изменение расширения

Инструкция

Обратите внимание в первую очередь на тип (формат) анимированного файла. Аватары и открытки со всевозможными «блестяшками» и аналогичными незамысловатыми эффектами, как правило, имеют формат GIF, и сохранить на компьютер их можно, как и обычную картинку, через контекстное меню - сделайте правый щелчок мыши по изображению и выберите пункт «Сохранить как». Если в открывшемся списке такого пункта нет, но имеется строка вроде «О программе Adobe Flash Player 111.2.333.45», то вы, скорее всего, имеете дело с SWF-файлом. Сохранить его сложнее, но и эти «сложности» вполне по силам преодолеть даже абсолютному .

Воспользуйтесь для сохранения анимации флеш онлайн-сервисом Save2Go.

Скопируйте адрес страницы, на которой размещена нужная вам анимация, в буфер обмена - то есть просто выделите содержимое адресной строки браузера и нажмите комбинацию клавиш Ctrl+C.

Перейдите на страницу http://save2go.ru/. Вставьте сохраненную ссылку на сайт в предназначенное для этого поле - т.е. просто разместите курсор внутри поля и нажмите Ctrl+V.

Выберите среди ссылок нужную - ориентируйтесь по названию, типу и размеру файла - и сделайте по ней правый щелчок мыши. В контекстном меню выберите строку «Сохранить ссылку как...», укажите путь для сохранения файла и задайте имя, не меняя при этом расширения. Если вы затрудняетесь с выбором нужной ссылки, сохраните все доступные анимации - лишние файлы вы всегда сможете удалить.

Не забывайте, что любой анимированный файл, который вы в своем браузере воспроизвели целиком, уже сохранился на жестком диске вашего компьютера в папке кэш-памяти, так что достаточно лишь найти там эту анимацию и перенести ее в более подходящую папку. Подробные инструкции по извлечению файлов из кэш вы без труда найдете в интернете, в том числе и на сайте www.сайт.

Установите специальное ПО для извлечения флеш-файлов. В сети на бесплатной и платной основе распространяются как отдельные программы, так и дополнительные модули (плагины, «аддоны») для популярных интернет-браузеров. Всю необходимую информацию - описание таких программ, рекомендации и отзывы пользователей, подробные инструкции по их установке и практическому использованию - ищите на многочисленных форумах и в популярных сервисах вопросов и ответов.

Обратите внимание

Если сохраненную анимацию вы попытаетесь открыть стандартными средствами Windows, в лучшем случае вы увидите только начальный кадр, т.е. статическую картинку. Просматривайте такие файлы в веб-браузере (они воспроизведутся даже при отключенном интернете) или с помощью ПО сторонних разработчиков. Например, чтобы полюбоваться GIF анимацией, можно использовать популярную программу ACDSee или менее известную XnView, а SWF-файлы воспроизведутся в Media Player Clasic-Home Cinema или в KMPlayer"е.

Полезный совет

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

Источники:

• как слхранить анимацию в гиф

Зачастую в интернет-пространстве нам встречается то, что хотелось бы сохранить на личном компьютере: оригинальный рецепт, полезная статья, интересные идеи по дизайну сайта. Именно в такие моменты пригодится умение сохранить веб-страницу. Полезно это знать и тем, кто вынужден экономить интернет-траффик.

Вам понадобится

• - ПК с установленным интернет-браузером
• - доступ в интернет
• - может понадобиться программа-графический редактор

Инструкция

Откройте страницу сайта, которую вы хотите сохранить, с помощью одного из веб- (например, Opera, Mozilla Firefox, Internet Explorer, Google Chrome). Убедитесь, что вы находитесь именно на той странице, которая вам нужна.

Найдите пункт меню «Сохранить как» или «Сохранить страницу как». Чаще всего искать его следует в меню «Файл» (кликните «Файл» слева вверху один раз левой кнопкой мыши, чтобы увидеть возможных действий). Однако в некоторых браузерах этот пункт меню довольно-таки затруднительно. Например, если вы используете Opera, сначала придется зайти в меню, которое так и называется - «Меню» (красная кнопка слева вверху), найти там пункт «Страница», а затем уже в нем найти подпункт «Сохранить как». Чтобы сохранить -страницу в браузере Google Chrome, надо зайти в меню инструментов (значок в виде гаечного ключа вверху справа).

Если вы правильно выполнили предыдущий шаг, на экране появится диалоговое окошко. Выберите то место , куда вы хотели бы сохранить страницу сайта. Выбрать нужную папку вы сможете, щелкнув на стрелку-треугольник вверху окошка или выбрав один из значков слева.

Выберите имя файла, под которым будет сохранена страница. Вы можете как оставить предложенное компьютером имя, так и ввести в этой строке свое название.

Иногда требуется сохранить страницу как картинку. Открыв в браузере нужную страницу, нажмите сочетание клавиш Shift+Print Screen. Затем запустите какой-либо графический редактор, например, Paint, комбинацией клавиш Shift+Insert вставьте полученное изображение и сохраните его. Но помните, что при использовании этого способа, сохранится только та часть интернет-страницы, которая умещается на экране вашего монитора.

Обратите внимание

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

Полезный совет

В большинстве веб-браузеров открыть окошко «Сохранить страницу как» можно с помощью сочетания клавиш Ctrl+S.

Источники:

• Сайт "Неумейка"

Если вам нравятся анимированные элементы на веб-сайтах и вы хотите сделать анимацию на свой сайт, но не хотите мучиться с Flash, существует простое и эффективное решение – анимированный GIF. Для создания анимированных GIF-файлов не требуется наличие навыков программирования или установки специальных плагинов. GIF-анимация это простой набор слайдов (картинок), которые сменяют друг друга через определенный интервал времени. Проигрывание этих картинок с интервалом в несколько миллисекунд создает эффект движения, подобный тому, когда мы в детстве рисовали на каждой странице блокнота, а потом очень быстро их перелистывали.

Вам понадобится

• Компьютер, графический редактор Adobe Photoshop 5 версии и выше, редактор Adobe Image Ready

Инструкция

Запустите Photoshop и создайте новое изображение размером 100x100 пикселей. Установите в 72 пикселя и режим RGB. Выберите опцию Show Layers из пункта меню Window, что включит отображение палитры слоев.

В палитре инструментов выберите карандаш и нарисуйте какое-либо изображение. В палитре слоев нажмите Duplicate Layer, что создаст копию уже существующего слоя. Используйте инструмент “резинка”, чтобы стереть какую-либо часть изображения, затем карандашом добавьте изменения. Создайте столько слоев, сколько необходимо в том порядке, в каком они должны сменять друг . Каждый слой будет отдельным кадром анимации.

В меню Window выберите опцию Show Animation, которая включит отображение палитры анимации. В меню настроек палитры (значок стрелки в правом верхнем углу) выберите функцию Make Frames from Layers, что трансформирует все слои в кадры. Анимация уже почти готова.

Пора приступать к настройкам временного интервала. Выделите нужный кадр и в выпадающем меню (слева, внизу) выберите нужный отрезок времени, который данный кадр сменится другим. Проделайте это с каждым кадром вашей анимации. Когда все будет готово, используйте опцию Save Optimized As, чтобы ваш первый GIF. Теперь вы можете использовать его как баннер или декоративный на вашем .

Видео по теме

Полезный совет

Рисовать кадры можно прямо в Adobe Image Ready, который обладает схожим, хоть и более бедным, функционалом.
Чтобы предварительно просмотреть свою анимацию, нажмите кнопку воспроизведения в палитре Анимации.

Основная масса видеороликов, многие онлайн-игры построены в интернете на основе технологии флеш. Она позволяет создавать игрушки, мультики, анимацию. Что делать, чтобы сохранить понравившуюся видеозапись с сайта?

Вам понадобится

• - компьютер с доступом в интернет;
• - браузер.

Инструкция

Откройте нужный сайт с видеозаписью, например сайт youtube.com. Чтобы сохранить файл в формате флеш с этого сайта, скопируйте ссылку на видеозапись в буфер обмена (перейдите к видеозаписи и скопируйте содержимое адресной строки). Перейдите по ссылке http://save2go.ru/ . Данный сервис позволяет просто и быстро скачать файл ы Flash Player со многих веб-страничек, например он предоставит прямые ссылки файл ы с сайтов vKontakte, RuTube, YouTube. Поддерживаемые форматы –flv, swf. Данные файл ы можно сохранить на свой .

Скопируйте адрес веб-страничке, где находится нужная видеозапись или , в буфер обмена, чтобы сохранить флеш- на компьютер. Далее вставьте данный адрес в поле, располагающееся в верхней части сайта Save2GO, потом нажмите кнопку «Сохранить с сайта». Выберите из списка прямых ссылок, которые появятся на экране, нужный вам файл и сохраните на компьютер. Преимущество данного способа в том, что вам не нужно устанавливать каких-либо программ, чтобы загрузить флеш-файл .

Найдите нужный файл в формате флеш во временных файл ах браузера. Если вы используете браузер Опера, тогда перейдите в папку C:Documents and SettingsВАШ ПРОФИЛЬLocal SettingsApplication DataOperaOperaprofilecache4, сортируйте файл ы по типу, просмотрите список файл ов в формате flv и swf, просмотрите их и найдите нужный. Далее просто скопируйте необходимый файл в другую папку. Для того, чтобы сохранить флеш-файл , который с помощью браузера Internet Explorer, перейдите в папку C:Documents and Settings*ваш логин в *Local SettingsTemporary Internet Files и аналогично скопируйте оттуда флеш-файл . Если вам не удается найти в указанных папках файл ы флеш, нажмите кнопку «Пуск», выберите команду «Поиск» – «Файлы и папки», выберите в опциях поиска «Файлы», введите в поле «Имя файл а» .swf, в качестве места поиска выберите системный диск, по умолчанию это С. Далее нажмите кнопку «Найти». Полученные результаты отсортируйте по дате изменения. Если вы недавно просматривали флеш-видео, то данный ролик будет вверху списка. Аналогично проведите поиск по формату.flv.

Скачайте и установите специальную программу, если вам часто приходится сохранять флеш-файл ы с интернет-страничек. Например, перейдите по ссылке http://www.soft.join.com.ua/index.php?action=url&url=http://www.download... и скачайте программу Flash Saver. Запустите программу, чтобы скачать видео swf, введите адрес страницы, которая содержит нужное видео, нажмите кнопку “Detect”. В списке снизу появятся файл ы, доступные для загрузки. Выберите нужный и нажмите кнопку “Save”.

На интернет-просторах иногда попадаются flash-картинки, которые можно считать настоящими шедеврами, но сохранить их по привычному алгоритму (щелчок правой кнопкой мыши и «Сохранить изображение») не получается. Flash-ролик – это все таки не обычное изображение. Однако выход из этой ситуации есть, достаточно иметь на компьютере браузер Opera.

Вам понадобится

• - браузер Opera

Инструкция

Запустите интернет-браузер Opera и откройте web-страницу, на которой находится необходимая вам flash-картинка. Если ваш сетевой канал не является недостаточно быстрым, а на странице находится много «тяжелых» объектов, подождите, пока она загрузится полностью или хотя бы до тех пор, пока загрузится нужная вам flash-картинка. О полной загрузке будет свидетельствовать то, что анимация на ней проигрывается без перерывов и зависаний.

Введите в адресной строке браузера opera:cache. Тем самым вы получите доступ к кэшу, т.е. месту где браузер хранит все элементы, из которых состоит та или иная страничка: программный код, изображения, аудиофайлы, собственно, flash-картинки и пр. Откроется новая страница, в верхней части которой находятся пункты для поиска файлов определенных типов (gif, mp4, mp3, css и пр.), однако среди них нет swf, формата flash-файлов, поэтому воспользуемся другим методом.

В нижней части страницы указаны сайты, которые вы посещали в последнее время. Найдите среди них тот, на котором находится необходимая flash-картинка, и нажмите кнопку «Предпросмотр», которая находится справа от названия сайта. В появившемся окне будет список файлов, загруженных браузером для отображения сайта. Ищите среди них файлы с форматом swf. Как правило, они имеют название, напрямую связанное с тематикой анимации. К примеру, если flash-картинка призывает перейти на сайт игры «Монстры против!», то и в названии файла будет указано что-то из: monsters, monstrillo, versus и пр.

Найдя необходимый файл, кликните по нему левой кнопкой мыши. Откроется новое окно, в котором начнется воспроизведение файла. Если это не тот, который вам нужен, кликните комбинацию клавиш Alt+Left или нажмите Backspace на клавиатуре, чтобы вернуться на .

Щелчок правой кнопкой по элементам веб-страниц, выполненным по флэш-технологии, вместо привычного контекстного меню с пунктом «Сохранить как» вызывает собственное меню флэш-плагина. Это создает определенные неудобства пользователю при сохранении файлов в компьютер. Однако у браузера таких проблем нет - он нормально загружает и показывает веб-серферу флэш-элементы, чем можно и воспользоваться вместо стандартной процедуры сохранения.

Инструкция

Извлеките флэш-ролик из кэша браузера. Это временное хранилище файлов, в которое приложение помещает элементы веб-страниц на случай повторного посещения пользователем этого же адреса в сети. В зависимости от типа браузера искать место хранения временных файлов в компьютере надо в разных папках. Например, чтобы попасть в кэш Google Chrome на системном диске ОС, раскройте папку Documents and Settings и перейдите в каталог с именем учетной записи пользователя компьютера. Затем последовательно раскройте каталоги Local Settings, Application Data, Google, Chrome, User Data, Default и Cache. Файл, который вам нужно искать в хранилище, должен иметь свежую дату сохранения и расширение swf.

Если вы используете веб-обозреватель Internet Explorer, искать кэш самостоятельно не обязательно. Раскройте в его меню раздел «Сервис» и выберите строку «Свойства обозревателя». В появившемся окне нажмите кнопку «Параметры» в секции «История просмотра», а в следующем окне щелкните «Показать файлы» - хранилище временных файлов откроется в отдельном окне «Проводника».

Вместо поиска кэша можно воспользоваться опцией сохранения всех элементов страницы в любое место на жестком диске. Для этого после загрузки в браузер нужной страницы нажмите сочетание клавиши Ctrl + S. На экране появится диалог сохранения, в котором надо указать папку, куда будут сохранены все элементы страницы, а также выбрать в выпадающем списке «Тип файла» строку «Веб страница, полностью». Нажмите кнопку «Сохранить», а затем перейдите в заданную в диалоге папку и найдите среди других объектов нужный флэш-файл.

Чтобы скачать флэш-ролик с какого-либо популярного интернет-ресурса, можно воспользоваться веб-сервисом, который позволяет получить обычную ссылку на загрузку файла. Для этого скопируйте в адресной строке браузера адрес веб-страницы, содержащей нужный флэш-ролик, и перейдите на сайт http://videosaver.ru. Вставьте ссылку в единственное текстовое поле формы, в выпадающем списке рядом с ним выберите название веб-ресурса и нажмите кнопку «Скачать». Через пару секунд под полями формы появится ссылка «Скачать файл» - кликните по ней правой кнопкой мыши и выберите команду «Сохранить как».

Зачем может потребоваться скачивание целого сайта? Например, вам нужна содержащаяся на нем информация, и вы хотите всегда держать ее под рукой. Если вы давно не видите обновлений на сайте, существует риск, что его владелец потерял интерес к проекту, перестал оплачивать услуги хостинга, и портал скоро не будет работать.

Возможно, вам периодически приходится бывать в таких местах, где отсутствует интернет, но вам необходим доступ к определенному сайту. В таком случае можно скачать его и пользоваться им в локальном режиме.

Другой вариант - для создания своего проекта вам понадобились исходники сайта. Это могут быть изображения, шаблоны страниц или видеоролики. Главное, не забывать о необходимости соблюдать закон, если эти объекты защищены авторским правом.

Сохранение сайта вручную

Самый простой способ, не требующий специальных знаний и программного обеспечения - сохранять сайты постранично, в ручном режиме. Просто открывайте одну страницу за другой и выбирайте в меню браузера пункт сохранения страницы.

Конечно, у этого способа есть ощутимые недостатки. Это займет очень много времени и потребует выполнения большого количества рутинной работы, особенно если вы хотите сохранить крупный портал. Кроме того, многие динамические элементы сайта в локальном режиме не смогут корректно работать. Высока вероятность, что перестанут функционировать внутренние гиперссылки, и меню станет бесполезным - каждую страницу придется искать в папке и открывать отдельно.

Программы для сохранения сайтов

Существует более удобный способ - скачать сайт программой. Несомненное достоинство этого способа - автоматический режим работы. Для решения данной задачи существует несколько программ как платных, так и распространяемых свободно.

Одна из самых популярных программ такого рода - Teleport Pro. Ее несомненным достоинством является возможность русификации. Она позволяет настраивать требуемую вам глубину загрузки страниц - например, не выкачивать страницы ниже второго или третьего уровня. Существует возможность встраивания в браузер, что повышает удобство работы. Единственный «недостаток» - программа платная, но может некоторое время работать в демонстрационном режиме.

Другая программа подобного рода - Offline Explorer. Интерфейс может быть русифицирован. Ее достоинство - способность сохранять не весь сайт целиком, а только нужные вам разделы или страницы. Поддерживается докачка, что очень удобно, если сайт невозможно скачать за день. Как и предыдущая программа, требует покупки лицензии.

Если вам не нужно постоянно скачивать сайты, то можно остановиться на бесплатной программе со схожим функционалом - HTTrack. Она позволяет установить русский язык, поддерживает докачку, работает в многопоточном режиме. Способна самостоятельно возобновить скачивание, если связь была разорвана. Если у вас лимитирован трафик, дает возможность выставить ограничение.

Чтобы бесплатно копировать гифки для Одноклассников на компьютер или другое устройство (телефон или планшет) вам не потребуются специальные знания, программное обеспечение и много времени. В данной статье вы подробно узнаете, как скачать гифку с Одноклассников, эта процедура занимает несколько секунд и минимум действий. Также на нашем информационном портале читайте статьи о том, и особенности работы с такими изображениями в рамках социальной сети ОК.

Сохранение на компьютер через ОК двумя простыми способами

Дело в том, что гифы загружаются на ваш компьютер в видео-формате, что мешает их корректному отображению как картинки. В то время, как при загрузке в социальную сеть вы добавляете гиф-анимацию в виде обычного изображения. Поэтому вам придется изменить формат файла, прежде чем его сохранить или после сохранения в специальном конвертере. Рассмотрим, как сохранить гифку из Одноклассников обоими способами подробнее.

Скачать гифку на компьютер: изменение расширения

• найдите необходимую GIF-анимацию в социальной сети. Она может находиться где угодно – стена друга, паблики или чей-либо альбом;

• далее кликните правой кнопкой мыши прямо по изображению, чтобы открыть контекстное меню;
• как видите, файлы в данном формате можно только сохранить как видео. Жмем на этот пункт;

• как можно заметить при сохранении, анимацию можно скачать в формате MP4. В таком виде гифка будет открываться в видеопроигрывателе, а нам это не нужно;
• поэтому кликаем в поле названия файла и убираем расширение mp4;

• вместо него вписываем gif и нажимаем кнопку «Сохранить».

Теперь открываем директорию на компьютере под управлением Виндовс, в которую вы сохранили изображение. Теперь вы можете открывать анимацию обычной программой для просмотра фото и картинок, которой вы пользуетесь. Таким способом можно сохранить гифку на компьютер. Рассмотрим второй вариант.

Как скачать гифки вторым способом?

Чтобы скопировать гифку в Одноклассниках с помощью конвертера, воспользуйтесь нашей инструкцией:

• откройте понравившуюся анимационную картинку;
• кликните по ней правой кнопкой мыши;
• в открывшемся меню выберите пункт «Сохранить видео как…»;

• далее сохраните файл в необходимую папку, чтобы не забыть ее местоположение;
• теперь переходим на любой сайт с онлайн-конвертером. Нам необходим конвертер, который преобразовывает видео в другие форматы;

• загружаем на сайт сохраненный файл и выбираем формат GIF;

• ждем окончания конвертации и сохраняем итоговый результат куда нам нужно.

Также на нашем сайте читайте о том, где найти и много другой полезной информации про социальную сеть.

Как сохранить гифку на телефон из Одноклассников?

Чтобы скачать GIF изображения на смартфон на Андроиде или Айфон, вы должны следовать нашей инструкции:

• скачайте мобильное приложение «Одноклассники» через официальный магазин. Оно полностью бесплатное;
• далее откройте необходимую гифку;
• в верхнем правом углу нажмите на значок «…»;

• в открывшемся меню выберите пункт «Сохранить»;

• далее ваш девайс должен запросить доступ к вашим «Фото». разрешаем сделать это;
• таким способом вы можете скачать gif с Одноклассников на телефон. Они появятся в вашей галерее в виде изображений.

Как скачать гифку

Небольшие анимированные изображения формата GIF в народе называют гифками. Они часто встречаются на форумах и в социальных сетях. Компьютер воспроизводит картинки данного формата через браузер, поэтому каждый пользователь может сохранить понравившуюся гифку и смотреть ее в любое время. А о том, как выполнить скачивание, мы и расскажем в этой статье.

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

Способ 1: Сохранение GIF вручную

Если вы на форуме или в разделе «Картинки» поисковика нашли изображение формата GIF и хотите скачать его себе на компьютер, то вам потребуется выполнить всего несколько простых действий, с которыми справится даже неопытный пользователь:

Данный способ очень простой, но подходит далеко не всегда, а также присутствуют другие варианты сохранения. Давайте их рассмотрим далее.

Способ 2: Скачивание GIF с ВКонтакте

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

Способ 3: Сохранение GIF в Photoshop

Если у вас есть готовая анимация, созданная в , то ее можно сохранить в формате GIF, выполнив всего несколько простых действий и настроек:

Способ 4: Преобразование видео на YouTube в GIF

С помощью видеохостинга YouTube и дополнительного сервиса можно превратить почти любое короткое видео в гифку. Способ не требует много времени, является очень простым и понятным. Все выполняется за несколько шагов:

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

Сейчас объясню, как сохоранить GIF из VK себе на компьютер. Это бывает нужно, когда тебе передали, скажем рекламный баннер, который ты хочешь разместить где-либо. Все достаточно просто. Необходимо собраться с мыслями и сделать всего несколько простых действий. Ниже все будет со скринами!

Пример как раз есть выше. Есть гифка. Ее нужно сохранить.

Я покажу на примере Google Chrome, в других браузерах, стоит действовать так же.

1. Нажимаем правой кнопкой мышки на нужной картинке. В появившемся меню выбираем пункт: «Открыть в новой вкладке»:

2. Должны получить примерно вот такую картину. Это просмотр GIF изображения в отдельной вкладке.

3. На самой картинке еще раз нажмем правой кнопкой мышки . Выбираем пункт меню «Сохранить картинку как…»:

4. Откроется окно, в котором мы выбираем место, где сохраним файл. Я сохраняю к себе в папочку на компьютере. Вы же сможете выбрать свою папку для хранения. В этом окне нажмите сохранить.

Некоторые браузеры показывают вот такую штуку, которая подтверждает сохранение файла.

Ура! У нас получилось!

После создания анимации в Фотошопе ее необходимо сохранить в одном из доступных форматов, одним из которых является GIF . Особенностью данного формата является то, что он предназначен для отображения (воспроизведения) в браузере.

Если Вас интересуют другие варианты сохранения анимации, то рекомендуем прочитать вот эту статью:

Процесс создания GIF анимации был описан в одном из предыдущих уроков, а сегодня мы поговорим о том, как сохранить файл в формате GIF и о настройках оптимизации.

Для начала повторим материал и ознакомимся с окном настроек сохранения. Открывается оно нажатием на пункт «Сохранить для Web» в меню «Файл» .

Окно состоит из двух частей: блока предпросмотра

и блока настроек.

Блок предпросмотра

Выбор количества вариантов просмотра выбирается в верхней части блока. В зависимости от потребностей, можно выбрать нужную настройку.

Изображение в каждом окне, кроме оригинала, настраивается отдельно. Это сделано для того, чтобы можно было выбрать оптимальный вариант.

В левой верхней части блока находится небольшой набор инструментов. Мы будем пользоваться только «Рукой» и «Масштабом» .

При помощи «Руки» можно перемещать изображение внутри выбранного окна. Выбор также производится данным инструментом. «Масштаб» выполняет одноименное действие. Приближать и удалять картинку можно и кнопками в нижней части блока.

Чуть ниже находится кнопка с надписью «Просмотр» . Она открывает выбранный вариант в браузере по умолчанию.

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

Блок настроек

В данном блоке происходит настройка параметров изображения, рассмотрим его подробнее.

1. Цветовая схема. Данная настройка определяет, какая таблица индексированных цветов будет применена к изображению при оптимизации.

   

   • Перцепционная , а попросту «схема восприятия». При ее применении Фотошоп создает таблицу цветов, руководствуясь текущими оттенками изображения. По мнению разработчиков, эта таблица максимально приближена к тому, как человеческий глаз видит цвета. Плюс – наиболее приближенное к оригиналу изображение, цвета максимально сохранены.
   • Селективная схема похожа на предыдущую, но в ней преимущественно используются цвета, относящиеся к безопасным для web. Здесь также сделан упор на отображение оттенков, приближенных к исходным.
   • Адаптивная . В данном случае таблица создается из цветов, которые чаще встречаются в изображении.
   • Ограниченная . Состоит из 77 цветов, часть образцов которых заменены белым цветом в виде точки (зерна).
   • Заказная . При выборе этой схемы появляется возможность создать собственную палитру.
   • Черно-белое . В этой таблице используются только два цвета (черный и белый), также с использованием зернистости.
   • В градациях серого . Здесь применяются различные 84 уровня оттенков серого цвета.
   • MacOS и Windows . Данные таблицы составляются на основании особенностей отображения картинок в браузерах под управлением этих операционных систем.

   Вот несколько примеров применения схем.

   

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

2. Максимальное количество цветов в цветовой таблице.

   

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

   

3. Web-цвета. Данная настройка устанавливает допуск, с которым оттенки преобразуются в эквивалентные из безопасной Web-палитры. Вес файла определяется значением, выставляемым ползунком: значение выше – файл меньше. При настройке Web-цветов не стоит также забывать и о качестве.

   

   

4. Дизеринг позволяет сгладить переходы между цветами с помощью смешивания оттенков, которые содержатся в выбранной таблице индексирования.

   

   Также настройка поможет, насколько возможно, сохранить градиенты и целостность однотонных участков. При применении дизеринга увеличивается вес файла.

   

5. Прозрачность. Формат GIF поддерживает только абсолютно прозрачные, либо абсолютно непрозрачные пиксели.

   

   Этот параметр, без дополнительной подстройки, плохо отображает кривые линии, оставляя пиксельные лесенки.

   

   Подстройка называется «Матовый» (в некоторых редакциях «Кайма» ). С ее помощью настраивается смешивание пикселей картинки с фоном страницы, на которой она будет расположена. Для наилучшего отображения выбирают цвет, соответствующий цвету фона сайта.

   

6. Чересстрочно. Одна из самых полезных для Web настроек. В том случае, если файл имеет значительный вес, позволяет сразу показывать картинку на странице, по мере загрузки улучшая ее качество.

   

7. Преобразование sRGB помогает сохранить максимум оригинальных цветов изображения при сохранении.

   

Настройка «Дизеринг прозрачности» значительно ухудшает качество изображения, а о параметре «Потери» мы поговорим в практической части урока.

Для наилучшего понимания процесса настройки сохранения гифки в Фотошопе, необходимо попрактиковаться.

Практика

Цель оптимизации изображений для интернета – максимальное снижение веса файла при сохранении качества.

1. После обработки картинки переходим в меню «Файл – Сохранить для Web» .
2. Выставляем режим просмотра «4 варианта» .

   

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

   Настройки параметров следующие:

   

   Сравним полученный результат с оригиналом. В нижней части окна с образцом мы можем видеть текущий размер гифки и скорость ее загрузки при указанной скорости интернета.

   

4. Переходим на картинку ниже только что настроенной. Попробуем ее оптимизировать.

   Размер гифки снизился с 36,59 КБ до 26,85 КБ.

   

5. Поскольку на картинке уже присутствует некоторая зернистость и небольшие дефекты, попробуем увеличить «Потери» . Данный параметр определяет допустимый уровень потери данных при сжатии GIF . Меняем значение на 8.

   

   Нам удалось еще уменьшить объем файла, при этом немного потеряв в качестве. Гифка теперь весит 25,9 килобайт.

   

   Итого, мы смогли снизить размер картинки примерно на 10 КБ, что составляет более 30%. Весьма неплохой результат.

6. Дальнейшие действия весьма просты. Нажимаем на кнопку «Сохранить» .

   

   Выбираем место для сохранения, даем название гифке, и снова жмем «Сохранить» .

   

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

   

   В результате получим страницу и папку с изображением.

   

Совет: при присвоении имени файлу старайтесь не использовать кириллические символы, поскольку не все браузеры в состоянии их прочитать.

На этом урок по сохранению изображения в формате GIF завершен. На нем мы выяснили, каким образом можно оптимизировать файл для размещения в интернете.