Перейти к содержимому
  • Поддерживаемые форматы графики

       (28 отзывов)

    Евгений Зубов
    • 17 4,25,6,20,3,26,27,28,29 4,6,32 https://creatura.club/uploads/monthly_2015_12/567d883280df1_3.2.2.mp4.28e4c9c2be9aadb60a466d09dda302dc.mp4 5 До 10 минут display: none; https://creatura.club/uploads/ Низкая сложность display: none;
      1. Пройдите тестирование к этому уроку
      2. Оцените урок и сдайте задание

      Сегодня мы поговорим о поддерживаемых форматах графики в программе Adobe Muse . Программа поддерживает изображение в форматах .swf  .gif  .jpeg  .png  .svg  .psd . Каждый из этих форматов имеет свои особенности и возможности, а также преимущества и недостатки. Первые 2 формата уже довольно устарели, а что касается формата .swf , то это формат для флэш-анимации, векторной графики, видео и аудио. Формат разработан уже довольно давно  в 1995 году. Эти файлы можно открывать с помощью браузера, при этом в нем должен быть установлен специальный модуль Adobe Flash. В настоящее время многие компании продолжают отказываться от использования данного формата в браузерах, поддержке HTML5. Да и сама компания Adobe прекратила поддержку Adobe Flash Professional для создания флэш-анимации.

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

      Далее формат .jpeg . Это один из самых популярных графических форматов на данный день. Алгоритм формата позволяет сжимать изображение как с потерей, так и без потери качества. Но при этом меняется размер файла. Чем меньше сжатие, тем больше размер. 

      Следующий формат .png Это растровый формат хранения изображений, который был создан как свободный формат для замены gif . Png хранит графическую информацию в сжатом виде, но это сжатие производится без потерь в отличие от jpeg . Основное преимущества перед jpeg  - это поддержка прозрачного фона изображений. Вот вы видие первое изображение в формате .jpeg Здесь заливка и значок телефона. На второй картинке представлена та же картинка, но без заливки.

      Далее третья картинка формата .svg  - масштабируемая векторная графика. Формат поддерживает как неподвижную, так и анимированную интерактивную графику и является векторным форматом. Самым существенным преимуществом данного формата является возможность увеличивать изображение без потери качества. При этом текст являетя текстом, а не изображением, поэтому его можно выделять и копировать. Текст прекрасно индексируется поисковыми машинами.

      Следующий формат .psd  - формат Photoshop Это растровый формат хранения графической информации, который использует сжатие без потерь. Данный формат создан специально для программы и поддерживает все возможности. Данный формат сохраняет слои и папки слоев, поддерживает прозрачность и полупрозрачность, векторные графические элементы и слои программы Photoshop. Изображение может сжиматься без потери качесвта. Для примера мы разместили здесь 4 картинки в различных форматах и также 3 ручки. Сейчас мы перейдем в "Просмотр"в браузере: "Файл" -" Предварительный просмотр " и попробуем увеличить страницу для того, чтобы посмотреть, как будет увеличиваться каждый из форматов.

      Мы видим, что изображение в формате .jpeg с высокой степенью пикселизации. Вторая картинка имеет прозрачный фон, немного более сглаженное изображение, но довольно мутноватое. Следующий формат .svg - мы видим очень четкие границы, то есть наше изображение при увеличении совсем не потеряло в качестве. Последний формат - .psd немного похож на .png но имеет некоторые элементы, слои, также поддерживает прозрачность. Если мы посмотрим немного ниже, там у нас есть еще 3 картинки. Тоже очень хорошо видно, что первая ручка очень искажена, высокая пикселизация, вторая ручка на прозрачном фоне намного более плавная по краям и отсутствует задний фон. Последняя ручка расположена с очень четкими краями, при увеличении масштаба страницы в браузере изображение совершенно не потеряло свое качество.

      Таким образом форматы .swf и .gif лучше уже не использовать. В настоящее время мы рекомендуем использовать форматы  .jpeg  .png  .svg  .psd  На этом мы заканчиваем данный урок. Выполните задание к данному уроку и переходите к следующему уроку.

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


      Жалоба


    Отзывы пользователей


    Слава Баранов

    Все понятно

    Поделиться отзывом


    Ссылка на отзыв
    Даниил Князев

    Все понятно, спасибо.

    Поделиться отзывом


    Ссылка на отзыв
    Genka

    +

    Поделиться отзывом


    Ссылка на отзыв
    Гость Падалко Сергей

    Познавательно

    Поделиться отзывом


    Ссылка на отзыв
    Sollaress

    Все понятно

    Поделиться отзывом


    Ссылка на отзыв
    Дмитрий Жуков

    Отлично, очень ценная информация по форматам! Вроде бы - элементарно, но в интернете просто так не найдёшь.

    Поделиться отзывом


    Ссылка на отзыв
    Нэд Крубер

    все очень локанично и понятно

    Поделиться отзывом


    Ссылка на отзыв
    Zhanibek_jez

    Понятно 

    Поделиться отзывом


    Ссылка на отзыв
    Артем Литвин

    спасибо, отличный обзор по форматам

    Поделиться отзывом


    Ссылка на отзыв
    gcom22

    оказалось полезно

    Поделиться отзывом


    Ссылка на отзыв
    Алексей

    Грамотно.

    Поделиться отзывом


    Ссылка на отзыв
    Анастасия Рябцева

    Про svg не знала, оказалось полезно.

    Поделиться отзывом


    Ссылка на отзыв
    Иван18

    Классный урок, все понятно!

    Поделиться отзывом


    Ссылка на отзыв
    Валерий1234

    ОК

    Поделиться отзывом


    Ссылка на отзыв
    Aspirantmiha

    Полезно, не знал обо всех форматах

    Поделиться отзывом


    Ссылка на отзыв
    ievseev09

    Ок!

    Поделиться отзывом


    Ссылка на отзыв
    7dgoni6

    Всё понятно.

    Поделиться отзывом


    Ссылка на отзыв
    YanaZamkova

    вот это информация) до конца поняты все форматы. спасибо!

    Поделиться отзывом


    Ссылка на отзыв
    Андрей А

    Не знал про SVG, спасибо!

    Поделиться отзывом


    Ссылка на отзыв
    gladir1

    Про форматы картинок понятно.

    Поделиться отзывом


    Ссылка на отзыв

×