Как загрузить фото как файл

Обновлено: 21.11.2024

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

Что нужно знать

  • Проверьте размер изображения. Некоторые службы хостинга не разрешают размещать файлы, размер которых превышает определенный. Загрузите с помощью программы FTP или службы размещения изображений.
  • Используйте функцию гиперссылки вашего веб-сервера, чтобы связать свой URL. Либо добавьте ссылку на изображение, используя HTML-код страницы.
  • Вы должны иметь возможность определить постоянное местонахождение изображения, чтобы показывать его своим посетителям.

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

Проверьте размер изображения

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

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

Загрузить изображение онлайн

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

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

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

Найдите URL вашего изображения

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

Например, если папка вашего веб-сервера имеет структуру \images\, а загруженная вами фотография называется new.jpg, URL-адрес этой фотографии будет \images\new.jpg.

Если ваше изображение размещено в другом месте, просто скопируйте URL-адрес, щелкнув ссылку правой кнопкой мыши и выбрав вариант копирования. Или откройте изображение в браузере, щелкнув по нему, а затем скопируйте местоположение изображения с панели навигации в браузере.

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

Вставьте URL на страницу и ссылку на нее

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

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

Существует множество способов формулировки ссылки на изображение. Возможно, ваше изображение в формате new.jpg представляет собой цветок, и вы хотите, чтобы ваши посетители могли щелкнуть ссылку, чтобы увидеть цветок. Вот несколько примеров: «Посмотрите на этот новый цветок, растущий у меня во дворе!» «Я хотел бы посадить этот цветок в этом году». "Мои цветы цветут. Смотрите!"

Вы также можете сделать ссылку на изображение, используя HTML-код страницы:

У меня в саду растет очень красивый цветок.

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

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

Копирование и сохранение фотографий с помощью сканера

Подключите сканер к компьютеру с помощью кабеля USB или беспроводного соединения. Установите любое программное обеспечение, поставляемое со сканером, чтобы обеспечить его правильную работу. Включите компьютер и сканер.

Откройте программное обеспечение, поставляемое со сканером.

Поместите фотографии изображением к стеклу на планшет сканера. Нажмите кнопку «Сканировать» на сканере.

Нажмите на меню «Файл» и выберите «Сохранить как» на своем компьютере. Назовите изображение и сохраните его на своем компьютере в легко узнаваемой папке.

Копирование и сохранение фотографий с помощью цифровой камеры

Загрузите на компьютер любое программное обеспечение, поставляемое с цифровой камерой.

Подключите цифровую камеру с вашими фотографиями к компьютеру с помощью USB-кабеля камеры.

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

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

Загрузите цифровые фотографии на свой веб-сайт

Откройте проводник Windows, щелкнув правой кнопкой мыши кнопку "Пуск" Windows и выбрав "Открыть проводник Windows".

Введите «Ftp://username@yourdomain.com» в адресную строку вверху, где «username@yourdomain.com» заменяется информацией о веб-сервере для вашего веб-сайта.

Введите имя пользователя и пароль во всплывающем окне. Нажмите «Войти».

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

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

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

Использование веб-сайта OneDrive

В зависимости от используемого веб-браузера вы можете загружать файлы размером до 250 ГБ. (Это ограничение на файл, а не на общее количество.)

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

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

Выберите Загрузить.

Выберите файлы, которые хотите загрузить, и нажмите кнопку Открыть.

Вы также можете перетаскивать файлы из Проводника или Mac Finder прямо в свои файлы на веб-сайте OneDrive.

В браузере Google Chrome или Microsoft Edge вы также можете загружать папки с помощью параметра «Папка» в меню «Загрузка» или перетаскивать папки на веб-сайт.

Использование File Explorer или Mac Finder для копирования или перемещения файлов в OneDrive

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

Для проводника и Mac Finder: если вы хотите скопировать элемент, а не переместить его, щелкните файл или папку правой кнопкой мыши и выберите «Копировать», затем откройте папку OneDrive (или вложенную папку) и щелкните правой кнопкой мыши > Вставьте копию элемента в OneDrive.

Чтобы переместить файл с помощью проводника Windows, перетащите файлы из списка файлов на правой панели в OneDrive на левой панели.

Чтобы переместить файл с помощью Mac Finder, перетащите файлы из списка файлов на правой панели в OneDrive на левой панели (если OneDrive указан там в разделе «Избранное»). Через некоторое время Finder переключится на отображение существующих файлов и папок OneDrive на правой панели, и вы сможете перетащить файл в нужную подпапку.

В Windows 10

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

В Windows 8.1 или Windows RT 8.1

Вы можете автоматически добавлять файлы и папки в OneDrive со своего ПК, не переходя на веб-сайт OneDrive. Файлы, которые вы добавляете в OneDrive таким образом, могут иметь размер до 250 ГБ. (Если вы входите в систему с помощью рабочей или учебной учетной записи, максимальный размер файла составляет 15 ГБ.)

Вы можете напрямую сохранять в OneDrive файлы Microsoft Office (например, документы Word и листы Excel), файлы PDF и другие документы. Если на вашем компьютере есть встроенная камера, вы можете автоматически сохранять копии сделанных фотографий прямо в OneDrive, чтобы у вас всегда была резервная копия. Чтобы убедиться, что ваш компьютер настроен на автоматическое сохранение, проверьте настройки OneDrive.

Проведите пальцем от правого края экрана, нажмите «Настройки», а затем нажмите «Изменить настройки ПК». (Если вы используете мышь, наведите указатель мыши на правый нижний угол экрана, переместите указатель мыши вверх, нажмите «Настройки», а затем нажмите «Изменить настройки ПК».)

Для документов выберите OneDrive, а затем включите параметр Сохранять документы в OneDrive по умолчанию.

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

Когда вы перемещаете файлы, вы удаляете их со своего ПК и добавляете в OneDrive.

Нажмите стрелку рядом с OneDrive и выберите Этот компьютер.

Перейдите к файлам, которые хотите переместить, а затем проведите по ним вниз или щелкните правой кнопкой мыши, чтобы выбрать их.

Выберите Вырезать.

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

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

Использование настольного приложения OneDrive

Если у вас Windows 7, Windows Vista или Mac, вы можете установить бесплатное настольное приложение OneDrive для автоматической загрузки файлов и папок в OneDrive. Файлы, которые вы загружаете с помощью настольного приложения, могут иметь размер до 20 ГБ.

Использование мобильного приложения

Вы можете загружать файлы в OneDrive с помощью мобильного приложения OneDrive для Android, iOS или Windows Phone. Чтобы узнать, как это сделать, см.:

Из Microsoft Office или Microsoft 365

В любом документе Office выберите «Файл» > «Сохранить как», выберите свой OneDrive, а затем выберите папку, в которой вы хотите сохранить файл.

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

Пожалуйста, уважайте авторские права и будьте осторожны с тем, что вы публикуете в Интернете. Копирование или распространение несанкционированных материалов нарушает Соглашение об использовании служб Майкрософт.

Нужна дополнительная помощь?

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

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

Самое важное, что следует учитывать при загрузке изображений, – это используемое программное обеспечение или инструменты. При наличии правильной системы намного проще быстро и безопасно разместить большое количество цифровых изображений в Интернете. Убедитесь, что вы провели много исследований, прежде чем выбрать один — на карту поставлено больше, чем вы думаете! Вот пять популярных вариантов с обоснованием и пошаговыми инструкциями для каждого.

1. Google Диск

Google Диск отлично подходит для обмена, хранения, резервного копирования и редактирования изображений. Он идеально подходит для обмена изображениями, поскольку можно обмениваться целыми каталогами и альбомами. Пользователи также могут выбирать, кто получит доступ к изображениям на Диске. Загрузка изображений на Диск освобождает место на жестком диске и обеспечивает резервное копирование изображений. Благодаря функциям конфиденциальности и редактирования Диск хорошо подходит для бизнеса, так как члены команды могут редактировать общие фотографии.

Вот как загрузить изображения на Google Диск:

  1. Откройте веб-браузер и перейдите в Google.
  2. Войдите в свой аккаунт, если это еще не сделано.
  3. Нажмите кнопку "Приложения", затем нажмите кнопку "Диск".
  4. Нажмите кнопку "Создать" слева, затем нажмите "Загрузить файл".
  5. Во всплывающем окне найдите изображение на своем компьютере и откройте его.

2. Изображение

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

Как загрузить файлы изображений в Imgur:

  1. Перейти на Imgur
  2. В левом верхнем углу нажмите "Новая запись".
  3. Нажмите «Обзор», затем найдите файл изображения на своем компьютере (или перетащите файл в окно)

3. Фейсбук

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

Как загрузить изображения на Facebook в качестве поста:

  1. Войдите в свою учетную запись Facebook
  2. В разделе "Создать публикацию" нажмите кнопку "Фото/видео".
  3. Выберите, с кем вы хотите поделиться записью/изображением.
  4. Выберите изображение на своем компьютере, когда появится всплывающее окно.

Как загрузить изображения в свой профиль на Facebook:

  1. Войти в Facebook
  2. В верхней части экрана нажмите «(ваше имя)».
  3. Нажмите кнопку "Фото".
  4. Нажмите кнопку "Добавить фото/видео".
  5. Выберите изображения со своего компьютера во всплывающем окне.

4. Дропбокс

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

Как загрузить изображения в Dropbox:

  1. Загрузить Dropbox
  2. Найдите папку, в которую вы хотите поместить изображение.
  3. Нажмите кнопку "+".
  4. Нажмите кнопку "Загрузить".
  5. Выберите файл изображения на своем компьютере.

5. Управление цифровыми активами (DAM)

Управление цифровыми активами (DAM) — это наиболее ориентированная на бизнес система из пяти вариантов, и, скорее всего, ваша компания использовала ее раньше или будет использовать в будущем. Загружайте изображения в систему управления цифровыми активами, чтобы делиться ими с другими членами команды компании для безопасного и легкого поиска. DAM отлично подходит для большого количества изображений, которые необходимо отсортировать для будущего поиска, поскольку он использует метаданные для организации файлов. Он также позволяет пользователям искать определенные изображения, используя определенные метаданные.

Вот как загрузить изображения из расширения Canto для управления цифровыми активами Chrome:

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

Кейси Шмидт – контент-менеджер и эксперт отрасли DAM | Песнь

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

Подготовка файлов изображений перед загрузкой с помощью WordPress

Обзор

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

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

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

Размеры и размер файла

  • размеры файла (ширина и высота в пикселях) и
  • размер файла (килобайты КБ или мегабайты МБ).

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

  • Эскиз изображения, которое вы видите ниже, имеет ширину 360 пикселей (px), высоту 240 пикселей и "весит" 20 КБ.
  • Нажмите на уменьшенное изображение, чтобы увидеть увеличенную версию в лайтбоксе. Вы увидите версию шириной 800 пикселей, которая "весит" 80 КБ.

Виноград шириной 360 пикселей — нажмите, чтобы увидеть версию размером 800 пикселей

Размер изображений до 1280 пикселей по ширине — хорошая цель для многих веб-сайтов. Однако вы можете настроить таргетинг на более широкие мониторы, в зависимости от вашей аудитории.

  • Ширина 1024 пикселя: 96 %
  • Ширина 128 пикселей: 93%
  • 1366 пикс. в ширину: 84 %
  • 1920 пикселей в ширину: 49 %
  • Ширина 2560 пикселей: 8%

По статистике, если вы установите размер изображения до 1280 пикселей в ширину, в 93 % случаев изображения будут достаточно большими, чтобы заполнить браузер вашего посетителя. Если он больше, изображение все равно будет сжато по ширине. Если вы хотите заполнить всю ширину браузера для 84% посетителей, вам подойдет ширина 1366 пикселей. Если вы используете ширину 2560 пикселей, вы сможете отображать на больших дисплеях iMac полную ширину.

Нажмите на миниатюру следующего изображения, и вы увидите изображение шириной 2000 пикселей, которое «весит» 120 КБ. Примерно 92 % из вас должны будут уменьшиться, чтобы соответствовать размеру вашего монитора.

Убедитесь, что вы развернули браузер, прежде чем нажимать миниатюру:

Виноград шириной 360 пикселей — нажмите, чтобы увидеть виноград шириной 2000 пикселей!

Изображения с цифровых камер или из библиотек стоковых фотографий могут быть очень большими как по размерам, так и по «весу». Ширина 4000 пикселей не редкость, а размер файла может быть от 4 МБ до 10 МБ и более.

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

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

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

Проверка размера изображений

Чтобы узнать, насколько велики ваши файлы изображений, используйте Проводник Windows или Mac Finder и просмотрите файл. На Mac вы можете просматривать прямо в Finder:

На этой информационной панели вы видите файл изображения (grapes-file-information.jpg) размером 2000 пикселей в ширину и 501 пиксель в высоту и размером 120 КБ.

Размеры — физический размер

Для большинства веб-сайтов убедитесь, что размер файла не превышает ширину вашей веб-страницы.

Если вы планируете отображать изображения в полноэкранном режиме (например, широкое изображение, показанное выше), вы можете запланировать, чтобы ваши полноразмерные изображения имели размер 1280 пикселей, 1920 пикселей или даже больше. Ваша тема WordPress обычно обеспечивает автоматическое уменьшение размера больших изображений в соответствии с разрешением монитора каждого посетителя.

Когда вы загружаете изображение, WordPress не только загружает исходное изображение, но и автоматически создает для вас три изображения с измененным размером:

  • Большая версия (по умолчанию 600 пикселей)
  • Средняя версия (по умолчанию 300 пикселей)
  • Миниатюра (по умолчанию 150 пикселей)

Поэтому вы всегда можете использовать полноразмерное изображение, средний размер или миниатюру.

Эти размеры файлов по умолчанию в WordPress можно изменить в разделе «Панель управления», «Настройки», «Мультимедиа».

Размер файла

Это самая важная часть подготовки изображения для вашего веб-сайта. Изображения с большим размером файла дольше загружаются в браузер посетителей и замедляют работу вашего веб-сайта.

Для большинства полностраничных веб-изображений размер изображения должен быть не более 80–100 КБ. Если изображение составляет только часть страницы (например, половину ширины сообщения в блоге), то обычно достаточно 20-30 КБ.

Снижение качества изображения до 30–50 % от исходного обычно не имеет значения, которое можно заметить невооруженным глазом. Попробуйте и убедитесь.

Вы можете уменьшить размер изображения размером 2–3 МБ до размера 80–120 КБ и при этом не увидеть никаких видимых изменений в качестве.

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

Инструменты для подготовки изображения

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

Автоматическая подготовка

Если вы предпочитаете автоматизацию, а не ручную оптимизацию каждого изображения, вы можете установить плагин ShortPixel (используйте эту партнерскую ссылку, чтобы получить 100 бесплатных изображений в месяц), и он автоматически оптимизирует каждое загруженное вами изображение. Используйте параметр "Без потерь", чтобы получить результаты высочайшего качества.

Подготовка вручную

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

  • Mac: вы можете использовать приложение "Просмотр" на своем Mac: выберите "Инструменты", "Настройка размера", а затем "Экспорт", чтобы сохранить изображение в формате JPG. Кроме того, у Ribbet есть отличный новый редактор изображений, который позволяет изменять размер JPG — загрузите его на свой Mac бесплатно. Доступна версия для веб-браузера, но она требует использования Flash.
  • Mac/Windows: получите бесплатную подписку на Canva – это браузерный редактор изображений.
  • Windows: FastStone или PIXresizer (бесплатно)

Если вы хотите использовать более продвинутые инструменты редактирования, Photoshop — это король горы, но имейте в виду, что это излишество, если вы хотите только изменить размер изображений для Интернета.Существуют варианты подписки на Photoshop, которые стоят около 12 долларов в месяц (ищите подписку на фотографии). Чтобы оптимизировать изображение с помощью Photoshop, вам нужно научиться пользоваться функцией «Размер изображения» и инструментами экспорта.

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

Вот несколько снимков экрана, на которых ImageWell и Picturesque уменьшают размер файла до 30 % от исходного.

Примеры изображений

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

  • Первое изображение размером 2000 пикселей в ширину и 1333 пикселя в высоту. Он шире, чем многие экраны, поэтому ваш браузер, вероятно, автоматически изменит его размер, чтобы он соответствовал размеру вашего окна. Его размер составляет 880 КБ.
  • Вторая версия имеет размер 800 пикселей в ширину и 533 пикселя в высоту (подойдет для вашего экрана). Простое уменьшение физического размера (без потери качества) уменьшает размер файла до 196 КБ.
  • Третья версия оставляет ширину 800 пикселей, но снижает качество файла, поэтому размер файла составляет всего 80 КБ.

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

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

Виноград – 2000 пикселей в ширину при полном качестве – 880 КБ

Виноград — ширина 800 пикс. при полном качестве — 196 КБ

Виноград — ширина 800 пикс., пониженное качество — 80 КБ

Переоптимизированные изображения

Вы можете слишком сильно снизить качество файла JPG. Как далеко слишком далеко? По сути, если вы видите разницу в качестве, значит, вы зашли слишком далеко.

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

Наконец, вот *оригинальная* оригинальная версия этого изображения. Его ширина составляет 4368 пикселей, а размер — 11,5 МБ.

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

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