Jump to content
  • Sign in to follow this  

    Поддерживаемые форматы графики

       (28 reviews)

    Евгений Зубов
    • 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; Низкая сложность 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. Узнаете об их преимуществах и особенностях применения, а также получите рекомендации к их использованию.


      Report Занятие
    Sign in to follow this  


    User Feedback

    Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.
    Note: Your post will require moderator approval before it will be visible.

    Guest

    Genka

    +

    Share this review


    Link to review
    Guest Падалко Сергей

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

    Share this review


    Link to review
    Sollaress

    Все понятно

    Share this review


    Link to review
    Дмитрий Жуков

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

    Share this review


    Link to review
    Нэд Крубер

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

    Share this review


    Link to review
    Zhanibek_jez

    Понятно 

    Share this review


    Link to review
    Артем Литвин

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

    Share this review


    Link to review
    gcom22

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

    Share this review


    Link to review
    Алексей

    Грамотно.

    Share this review


    Link to review
    Иван18

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

    Share this review


    Link to review
    Aspirantmiha

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

    Share this review


    Link to review
    ievseev09

    Ок!

    Share this review


    Link to review
    7dgoni6

    Всё понятно.

    Share this review


    Link to review
    YanaZamkova

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

    Share this review


    Link to review
    Андрей А

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

    Share this review


    Link to review
    gladir1

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

    Share this review


    Link to review

×
×
  • Create New...