Как сделать фото в виде файла

Обновлено: 01.07.2024

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

Но сначала вам нужно решить, какой из трех форматов файлов вы хотите использовать. Если ваше изображение представляет собой фотографию с большим количеством цветов или иллюстрацию с градациями, и вы хотите уменьшить размер файла, JPEG, вероятно, будет вашим лучшим выбором. Если для подобной фотографии требуется сжатие без потерь или прозрачные области, то потребуется PNG-24. Если у вас есть простая графика с небольшим количеством цветов и сплошными областями, то лучшим выбором будет GIF или PNG-8. Мы рассмотрим, как получить наилучшее сжатие для каждого из трех типов файлов, начиная с JPEG. Для получения информации о сжатии файлов PNG или GIF прокрутите эту страницу вниз.

Сжатие JPG

Проще всего сжимать файлы JPG (также называемые JPEG), потому что нужно учитывать только одну вещь: качество. При экспорте в JPG из программы редактирования изображений вам будет предложено выбрать желаемый уровень качества. Вы можете просто увидеть несколько вариантов, таких как: низкий, средний, высокий или максимальный. Вам может быть предоставлен диапазон чисел, например, от 0 (самое низкое качество) до 12 (самое высокое качество). Или вас могут попросить выбрать процент от 0% (самое низкое качество) до 100% (самое высокое качество). Всегда следует выбирать самое низкое качество, которое еще подходит для ваших целей.

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

Качество 100 %, размер файла 103 КБ.
Изображение ниже экспортировано с качеством 100 %. Этот параметр редко когда-либо понадобится.

Качество 80%, размер файла 48 КБ.
Настройка 80% практически неотличима от настройки 100%. Но давайте посмотрим, сможем ли мы сжать его еще больше.

Качество 60 %, размер файла 28 КБ
Даже при 60 % большинство людей не заметят никакой разницы по сравнению с настройкой 100 %, а поскольку это четверть размера, он будет загружаться в четыре раза быстрее.

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

Качество 20 %, размер файла 12 КБ.
Здесь все уродливо.

Качество 0%, размер файла 7 КБ
Очень очевидна блочность экстремального сжатия JPG.

Пример фотографии из коллекции стоковых фотографий растений FCIT на веб-сайте ClipPix ETC.

Еще один способ уменьшить размер файла в формате JPG — слегка размыть изображение перед его сжатием. Изображение с меньшим количеством острых краев и четкими деталями сжимается намного меньше. Возможно, вы намерены использовать фотографию в качестве фонового изображения. Это идеальный случай для использования размытой фотографии. Вы даже можете размыть только части изображения и добиться экономии файлов. Ниже фото лилейника на занятом фоне. Размер файла составляет 77 КБ при сжатии с качеством 60 %.

Если мы возьмем то же изображение, выделим фон в программе редактирования изображений, такой как Photoshop, а затем размоем выделение, будет размыт только фон, а цветок останется четким.Фотография ниже была экспортирована в JPG с той же настройкой качества 60%, что и выше, и имеет размер всего 54 КБ — экономия около 30% от размера файла, поэтому она будет загружаться намного быстрее. В этом примере мы получаем чуть более художественную фотографию, где фокус остается на самом цветке, а также достигается значительная экономия размера файла. Это беспроигрышный вариант.

Последнее замечание о формате JPG. Помните, что это формат с потерями. Каждый раз, когда вы сохраняете файл в формате JPG, вы теряете качество. Если вы думаете, что когда-нибудь снова захотите использовать ту же фотографию, убедитесь, что вы сохранили оригинал в формате, таком как TIFF или PSD, а затем просто экспортируйте файл в JPG. Это дает вам как сжатый JPG для использования в Интернете, так и исходный несжатый файл, который вы можете использовать позже. Единственное, чего вы определенно не хотите делать, — это сохранять единственную копию файла как сжатый JPG, повторно открывать ее для редактирования и снова сохранять как JPG. Это как делать фотокопии фотокопий. С каждым разом качество будет ухудшаться. Всегда лучше вернуться к исходному несжатому файлу.

Сжатие GIF

Традиционным типом файла для графики, состоящей из простых областей и небольшого количества цветов, является GIF, хотя теперь можно добиться тех же результатов с PNG-8 (и с меньшим размером файла).

Изображения GIF ограничены 256 цветами, но вы можете установить меньшую глубину цвета для существенной экономии размера файла. Для достижения наилучших результатов постарайтесь получить одно из следующих чисел цветов или чуть меньше: 256, 128, 64, 32, 16, 8, 4 или 2. Например, если ваше изображение содержит 33 цвета, вы вы сможете значительно сократить размер файла, если уменьшите палитру до 32 цветов, но вы не получите такой же экономии при переходе с 32 цветов на 31.

См. «Что такое битовая глубина?» для получения дополнительной информации и примеров изображений.

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

Есть несколько настроек, которые можно игнорировать. Оставьте «Web snap» равным нулю. Этот параметр остался со времен, когда большинство мониторов не отображали миллионы цветов, которые они отображают сегодня. Параметр «Матовый» раньше был очень полезен, чтобы помочь совместить края прозрачного GIF с фоном, но если это проблема для конкретного изображения, вам, вероятно, все равно следует переключиться на PNG.

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

Пример изображения из коллекции иллюстраций роботов FCIT на веб-сайте TIM.

Сжатие PNG

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

Во-первых, вам нужно решить, в каком формате экспортировать: PNG-8 или PNG-24. PNG-8 похож на GIF в том, что он лучше всего подходит для графики с небольшим количеством цветов и сплошными областями, такими как логотипы. Основное различие между PNG-8 и GIF заключается в том, что файл PNG-8 обычно меньше, чем файл GIF. PNG-24 похож на JPG тем, что лучше всего подходит для изображений с непрерывными тонами, таких как фотографии или другие изображения с более чем 256 цветами. Основное различие между PNG-24 и JPG заключается в том, что PNG-24 не имеет потерь, поэтому размер файла будет несколько больше, чем у JPG, но качество будет выше.

Экспорт в формате PNG-8. Если вы экспортируете в PNG-8 из графической программы, вы увидите интерфейс, очень похожий на GIF. Как и в случае с GIF, вам нужно будет выбрать количество цветов (2, 4, 8, 16, 32, 64, 128 или 256), добавить шаблон дизеринга или нет, а также нужна ли прозрачность. Единственное существенное отличие состоит в том, что PNG-8 будет немного меньше.

Это мультфильм, экспортированный в виде 32-цветного GIF-файла. Размер файла 13,6 КБ.

Вот тот же мультфильм, экспортированный как 32-цветный PNG с точно такими же настройками, как указано выше. Размер файла 10,2 КБ. Это на 25 % меньше размера файла.

Пример изображения из коллекции технических мультфильмов FCIT на веб-сайте TIM.

Экспорт в формате PNG-24.Поскольку PNG-24 — это формат без потерь, у вас действительно нет никаких вариантов качества при экспорте. В отличие от JPG, никакая информация об изображении не отбрасывается. Это также означает, что размер файла может быть довольно большим.

Вот фотография ара, экспортированная в формате PNG-24. Размер его файла составляет 400 КБ. Это довольно много.

Вот та же фотография, экспортированная в формате JPG с максимальным качеством (100%). Размер файла составляет 259 КБ.

А вот та же фотография, экспортированная в формате JPG с высоким качеством (60%). Размер файла составляет всего 69 КБ.

Пример фотографии из коллекции фотографий животных FCIT на веб-сайте ClipPix ETC.

Вау, если PNG в 5 или 6 раз превышает размер файла пригодного для использования JPG, зачем мне вообще его использовать? Ну, может быть несколько причин для выбора PNG-24 вместо JPG.

<р>1. Если вам нужна прозрачность изображения, необходим формат PNG, поскольку файлы JPG не поддерживают прозрачность.

<р>2. Если вам нужен формат без потерь, вам понадобится PNG, потому что даже при максимальных настройках JPG теряет информацию, а изображение ухудшается, даже если это незаметно на первый взгляд.

<р>3. Если вам абсолютно необходимо четкое изображение без артефактов сжатия JPG, PNG — ваш выбор. Хорошим примером является скриншот, на котором много мелкого шрифта. По своей природе JPG «размазывает» шрифт, что делает его немного труднее для чтения. PNG будет воспроизводить шрифт попиксельно, как он изначально отображался на экране.

Word для Microsoft 365 Outlook для Microsoft 365 PowerPoint для Microsoft 365 Word для Microsoft 365 для Mac PowerPoint для Microsoft 365 для Mac Word 2021 Outlook 2021 PowerPoint 2021 Excel 2021 для Mac Word 2021 для Mac Outlook 2021 для Mac PowerPoint 2021 для Mac Word 2019 Outlook 2019 PowerPoint 2019 Word 2019 для Mac PowerPoint 2019 для Mac Word 2016 Outlook 2016 PowerPoint 2016 Word 2016 для Mac PowerPoint 2016 для Mac Word 2013 Outlook 2013 PowerPoint 2013 Word 2010 Outlook 2010 PowerPoint 2010 Word 2007 Outlook 2007 PowerPoint 2007 Еще. Меньше

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

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

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

Сохранить изображение как отдельный файл

В PowerPoint, Word и Excel следующая процедура работает с фотографиями, фигурами, диаграммами, графическими элементами SmartArt, цифровыми чернилами и текстовыми полями.

В Outlook следующая процедура работает только для фотографий.

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

В списке Тип файла выберите нужный формат файла.

В поле Имя файла введите новое имя для изображения или просто примите предложенное имя файла.

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

Нажмите "Сохранить".

Форматы файлов изображений

(Формат обмена изображениями)

Поддерживает 256 цветов, данные изображения не теряются при сжатии файла.

JPEG
(формат обмена файлами)

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

PNG
(формат переносимой сетевой графики)

Улучшает качество графики на веб-сайте, поскольку части изображения могут быть прозрачными, а яркость можно регулировать.

Формат "без потерь", в котором не происходит потери качества при каждом изменении и сохранении файла.

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

16-битный "векторный" графический формат

Расширенный метафайл Windows

32-битный "векторный" графический формат

SVG
(масштабируемая векторная графика)
(требуется версия 1909 или более поздняя для Microsoft 365)

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

Примечание. Также доступно в Office LTSC и Office 2021.

Эта функция доступна в Word, PowerPoint и Excel. Он работает с фотографиями, фигурами, диаграммами, графическими элементами SmartArt, цифровыми чернилами и текстовыми полями.

Сохранение изображения или другого изображения в виде отдельного файла

Удерживая нажатой клавишу Control, щелкните иллюстрацию, которую вы хотите сохранить как отдельный файл изображения, а затем нажмите "Сохранить как изображение".

В списке Тип файла выберите нужный формат файла.

В поле "Сохранить как" введите новое имя изображения или просто примите предложенное имя файла.

В поле «Где» перейдите к папке, в которой вы хотите сохранить изображение.

Нажмите "Сохранить".

Форматы файлов изображений

PNG
(формат переносимой сетевой графики

JPEG
(Объединенная группа экспертов по фотографии)

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

PDF
(формат переносимых документов)

Переносимый формат, который может включать текст и изображения.

GIF
(формат обмена графикой)

Поддерживает 256 цветов, данные изображения не теряются при сжатии файла.

BMP
(устройство-независимое растровое изображение)

SVG
(масштабируемая векторная графика)
(требуется версия 1909 или более поздняя для Microsoft 365)

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

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

– Сделайте снимок в хорошо освещенном месте

– Убедитесь, что изображение четкое, а почерк разборчив.

– Отправьте электронное письмо самому себе или поделитесь им в предпочитаемом облачном хранилище, например. O365

Однако, если вы считаете, что на фотографии нечеткое, читаемое изображение, мы рекомендуем использовать приложение для сканирования, например Microsoft Office Lens Android | iOS или Apple iOS Notes Scanner для захвата изображений.

– выберите режим документа перед сканированием

– Сохраняйте сканы в «Галерее» для доступа через фотопленку вашего устройства или сохраняйте в предпочитаемом облачном хранилище (например, OneDrive)

– Не сохраняйте как Word (документ OCR) – это может привести к неточному файлу изображения.

2. Вставка изображений в документ

Если вы не знаете, как вставлять изображения в документ, см. статью на сайте поддержки Microsoft: Вставка изображений.
Будьте осторожны при изменении размера изображений.
– Остаются ли они разборчивыми при увеличении или уменьшении?
Совет: удерживание Shift при изменении размера будет ограничивать пропорции. Если вы не знаете, как изменить размер изображения в Word, см. статью службы поддержки Майкрософт: Изменение размера изображения, фигуры, текстового поля или объекта WordArt
Убедитесь, что изображения не перекрывают текст в документе и не нарушают интервалы.
– Четко ли виден текст документа и отображается ли он в предполагаемом порядке чтения?
Совет. Попробуйте установить для обтекания текста значение «Плотный», чтобы лучше контролировать позиционирование изображения. Если вы не знаете, как настроить обтекание изображения текстом, см. статью службы поддержки Microsoft: Обтекание изображения текстом в Word

3. Сжатие размера файла для онлайн-отправки в Turnitin

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

Максимальный размер файла Turnitin — 100 МБ.
При сжатии файла выберите 220 пикселей на дюйм и избегайте сжатия 96 пикселей на дюйм (чтобы изображения не были плохого качества при отображении на экране. Это затруднит пометку вашим преподавателям).
Вы можете экспортировать файл Word, включая изображения, в виде документа .pdf, что позволит уменьшить размер файла и также позволит загружать его на экзамены Gradescope.

Дополнительная помощь

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

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

Начните с простого и постепенно

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

Запросить URL

Это наиболее поддерживаемый, но наименее удовлетворительный вариант. Попросите пользователя дать вам URL-адрес, а затем используйте его. Для простого отображения изображения это работает везде. Создайте элемент img, установите src и все готово.

Однако, если вы хотите каким-либо образом манипулировать изображением, все немного сложнее. CORS не позволяет вам получить доступ к фактическим пикселям, если сервер не установит соответствующие заголовки и вы не пометите изображение как перекрестное; единственный практический способ обойти это — запустить прокси-сервер.

Ввод файла

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

Этот метод работает на всех платформах. На рабочем столе пользователю будет предложено загрузить файл изображения из файловой системы. В Chrome и Safari на iOS и Android этот метод предоставит пользователю выбор, какое приложение использовать для захвата изображения, в том числе возможность сделать снимок непосредственно камерой или выбрать существующий файл изображения.

< img class="lazyload" data-src="https://developers.google.com/web/fundamentals/media/capturing-images/images/android-chooser.jpg" />

Затем данные можно прикрепить к a или обработать с помощью JavaScript, прослушивая событие onchange в элементе ввода и затем читая свойство files целевого объекта события .

Свойство files — это объект FileList, о котором я расскажу позже.

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

Добавление атрибута захвата без значения позволяет браузеру решать, какую камеру использовать, а значения "user" и "environment" сообщают браузеру, что ему следует предпочесть переднюю и заднюю камеры соответственно.

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

Перетащите

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

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

Подобно вводу файла, вы можете получить объект FileList из свойства dataTransfer.files события перетаскивания;

Обработчик события перетаскивания позволяет сигнализировать пользователю о том, что произойдет, когда он перетащит файл, с помощью свойства dropEffect.

Перетаскивание существует уже давно и хорошо поддерживается основными браузерами.

Вставить из буфера обмена

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

( e.clipboardData.files — это еще один объект FileList.)

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

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

Обработка объекта FileList

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

Список файлов похож на массив. Он имеет числовые клавиши и свойство длины, но на самом деле не является массивом. Нет методов массива, таких как forEach() или pop() , и он не является итерируемым. Конечно, вы можете получить настоящий массив, используя Array.from(fileList) .

Записи списка FileList являются объектами File. Они точно такие же, как объекты Blob, за исключением того, что у них есть дополнительные свойства name и lastModified, доступные только для чтения.

В этом примере выполняется поиск первого файла с типом изображения MIME, но он также может обрабатывать несколько изображений, выбранных/вставленных/перетащенных одновременно.

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

Нарисуйте его в элементе, чтобы им можно было манипулировать.
Загрузить его на устройство пользователя.
Загрузить его на сервер с помощью fetch()

Интерактивный доступ к камере

Теперь, когда вы освоили основы, пришло время постепенного улучшения!

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

Получить доступ к камере

Вы можете получить прямой доступ к камере и микрофону с помощью API в спецификации WebRTC, который называется getUserMedia() . Это предложит пользователю доступ к подключенным микрофонам и камерам.

Поддержка getUserMedia() довольно хороша, но пока не везде. В частности, он недоступен в Safari 10 и более ранних версиях, которые на момент написания по-прежнему являются последней стабильной версией. Однако Apple объявила, что он будет доступен в Safari 11.

Однако обнаружить поддержку очень просто.

Когда вы вызываете getUserMedia() , вам нужно передать объект, описывающий, какой медиафайл вы хотите. Эти варианты называются ограничениями. Существует несколько возможных ограничений, касающихся, например, того, предпочитаете ли вы фронтальную или заднюю камеру, хотите ли вы звук и предпочитаемое разрешение для потока.

Однако для получения данных с камеры требуется только одно ограничение — видео: true .

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

р>

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

Сделать снимок

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

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

Процесс выглядит следующим образом:

Создайте объект холста, который будет удерживать кадр с камеры.
Получить доступ к потоку камеры
Прикрепить его к видеоэлементу
Если вы хотите захватить точный кадр, добавьте данные из элемента видео в объект холста с помощью drawImage() .

Если у вас есть данные с камеры, сохраненные на холсте, вы можете делать с ними множество действий. Вы можете:

Загрузить прямо на сервер
Хранить локально
Примените необычные эффекты к изображению.

Остановить трансляцию с камеры, когда она не нужна

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

Чтобы остановить доступ к камере, вы можете просто вызвать функцию stop() для каждой видеодорожки для потока, возвращаемого функцией getUserMedia().

Запрашивать разрешение на ответственное использование камеры

Если пользователь ранее не предоставлял вашему сайту доступ к камере, в тот момент, когда вы вызываете getUserMedia(), браузер предложит пользователю предоставить вашему сайту разрешение на использование камеры.

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

Совместимость

Дополнительная информация о реализации мобильных и настольных браузеров: - srcObject - navigator.mediaDevices.getUserMedia()

Мы также рекомендуем использовать оболочку adapter.js для защиты приложений от изменений спецификаций WebRTC и различий в префиксах.

Вы сделали свои снимки, теперь куда они на самом деле идут? Изображения хранятся на карте памяти вашей камеры, но более важный вопрос: «Сколько фотографий я могу хранить на карте или на жестком диске моего компьютера?» Ответ на этот вопрос сводится к одному основному вопросу — качеству изображения. По сути, различные форматы файлов изображений, доступные вам, различаются тем, сколько фактической фотографической информации (включая метаданные), которую вы хотите «хранить» в каждом файле изображения, и сколько выбрасывается. Это основная природа сжатия — устранение потенциально лишней информации, и три основных формата файлов изображений — JPEG, TIFF и RAW.

Сжатие файлов

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

JPEG (расшифровывается как Joint Photographic Expert Group) — наиболее популярный формат хранения цифровых изображений. Когда вы снимаете в формате JPEG, вы получаете больше фотографий на карту памяти, и это происходит быстрее (с точки зрения сохранения изображения на камеру и последующей обработки фотографий). Однако JPEG, пожалуй, худший из трех, потому что алгоритм сжатия, используемый для сохранения изображения, игнорирует слишком много информации об изображении, которую невозможно восстановить во время распаковки. JPEG обычно обеспечивает сжатие от 10:1 до 20:1 с незначительной потерей качества изображения. Вы можете настроить степень сжатия, чтобы контролировать качество изображения и размер файла. Сжатие JPEG отбрасывает так много информации, что становится намного сложнее эффективно обрабатывать изображение (т. е. корректировать цвет, резкость и увеличивать размер изображения).

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

RAW — это просто сырое, необработанное, голое изображение. Думайте об этом как о цифровом негативе, потому что он выполняет ту же функцию, что и негативы в пленочной фотографии. Как и в случае с пленочными негативами, файлы RAW необходимо «обработать» в доступный для просмотра формат (обычно TIFF или JPEG). Кроме того, файлы RAW, как и негативы пленки, имеют широкий динамический диапазон. Так какой смысл снимать в RAW? Вы снимаете в формате RAW, если рассчитываете провести большую работу по постобработке в своей цифровой фотолаборатории. Допустим, вы снимали в помещении с лампами накаливания, но забыли изменить баланс белого камеры с дневного света. Если вы сохраните изображение в формате JPEG, вы потеряете большую часть информации о цвете, и в итоге вы получите это красно-желтое изображение (от которого мы все съеживаемся). С JPEG вы не можете вернуть эту потерянную информацию, манипулировать изображением будет сложно, и вы все равно можете не получить приятное изображение. Однако в виде файла RAW все данные о цвете по-прежнему доступны, и вы можете восстановить изображение; подкорректируйте баланс белого и… вуаля, фотография стала намного привлекательнее.

Заключение

Итак, вы спрашиваете себя: какой формат? Это решение, которое вы принимаете на основе своих фотографических желаний и потребностей. Это больше, чем просто размер файла; он предвидит, сколько работы по постобработке вам, возможно, придется сделать, чтобы получить наилучшее возможное изображение. Одним из основных недостатков RAW является отсутствие стандартизации, поэтому у каждого производителя камеры есть свой «стиль» RAW. Профессионалы в основном снимают в формате RAW, потому что им нужно иметь возможность вносить столько неограниченных изменений в окончательное изображение, сколько захочет клиент, и вы тоже можете этого захотеть. Вам нужно хорошо разбираться в компьютере, чтобы получить максимальную отдачу от RAW. Кроме того, необработанный характер файлов RAW позволяет вам сохранять возможности для ваших изображений в будущем по мере выхода нового программного обеспечения для обработки фотографий и изменения ваших возможностей редактирования изображений. В то время как JPEG является одним из наиболее широко используемых форматов файлов, позволяющих сохранять изображение в виде небольшого файла и высокого качества, форматы TIFF и RAW больше по размеру, но сохраняют исключительно хорошее качество изображения, которое предпочитают большинство профессиональных фотографов.

Аттила Кун

Аттила является основателем и главным редактором Exposure Guide. Он заядлый фотограф, графический дизайнер, ди-джей в спальне и преданный поклонник Mac. Аттила приобрел свою первую зеркальную камеру Canon 10D еще в 2003 году и с тех пор увлекся фотографией.

Читайте также: