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

Как изменить размер фоновой картинки через CSS3

Оригинал: sitepoint.com/css3-background-size-property

Перевод: Влад Мержевич

В CSS 2.1 фоновая картинка, применяемая к контейнеру, сохраняет свои фиксированные размеры. К счастью, в CSS3 введено свойство background-size, с помощью которого фон может быть растянут или сжат. Оно идеально подходит, если вы создаёте шаблон для адаптивного веб-дизайна.

Есть несколько способов определения размеров — взгляните на демонстрационную страницу background-size.

Абсолютное изменение размера

Могут применяться единицы измерения.

background-size: ширина высота;

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

Вы можете задать новый размер изображения с помощью абсолютных единиц измерения, таких как px, em, cm и др. Пропорции изменятся, если это необходимо. Например, если наша фоновая картинка имеет размеры 200×200 пикселов, то следующий код оставит эту высоту, но сделает ширину в два раза меньше:

background-size: 100px 200px;

Если указано только одно значение, оно считается шириной. Высота устанавливается как auto и сохраняются пропорции:

background-size: 100px; /* аналогично */
background-size: 100px auto;

Данный код масштабирует изображение с 200×200 до 100×100 пикселов.

Относительное изменение размера через проценты

Если применяются проценты, размеры основываются на элементе, а НЕ изображении:

background-size: 50% auto;

Ширина фонового изображения, таким образом, зависит от размеров контейнера. Если у контейнера ширина 500px, то размер нашего изображения уменьшится до 250×250.

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

Масштабирование до максимального размера

Свойство background-size также понимает ключевое слово contain. Оно масштабирует изображение таким образом, чтобы оно заполняло контейнер. Другими словами, изображение будет увеличиваться или уменьшаться пропорционально, но ширина и высота не будут превышать размеры контейнера:

background-size: contain;

Заполнение фоном

Свойство background-size также понимает ключевое слово cover. Изображение будет масштабироваться так, чтобы заполнить весь контейнер, но если различаются соотношения сторон, то картинка будет обрезана.

background-size: cover;

Масштабирование нескольких фонов

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

background: url(“sheep.png”) 60% 90% no-repeat, url(“sheep.png”) 40% 50% no-repeat, url(“sheep.png”) 10% 20% no-repeat #393; background-size: 240px 210px, auto, 150px;

Работа в браузерах

Последние версии всех браузеров поддерживают background-size без префиксов.

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

Просмотр демонстрационной страницы с background-size.

Источник: http://htmlbook.ru/blog/kak-izmenit-razmer-fonovoi-kartinki-cherez-css3

Сжать фотографию онлайн | Программы уменьшения размера фото

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

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

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

Что значит сжать фотографию до нужного размера?

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

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

Таким образом получается, что мы имеем три совершенно разные возможности, которые рассмотрим в этой статье:

  1. Уменьшение размеров фотографии в пикселях естественным образом уменьшает вес в килобайтах. Программа Paint.
  2. Онлайн сервис PICHOLD.
  3. Обработка специальными алгоритмами позволяет уменьшить вес фото в килобайтах без изменения его размера в пикселях. Онлайн сервисы TinyJPG, Compressjpeg, Optimizilla.
  4. Уменьшение размеров фото одновременно с обработкой специальными алгоритмами уменьшает вес в килобайтах и размер в пикселях. Онлайн сервис Resizepiconline. Программа FastStone Photo Resizer.

Как сжать размер фото

В зависимости от задачи и соображений приватности можно выделить два основных способа сжатия изображений:

  1. На компьютере, с помощью программы.
  2. Онлайн, с помощью стороннего сервиса.

Вариант «На компьютере» подходит в большей степени, если Вы положительно отреагировали на одно или несколько нижеследующих высказываний:

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

Вариант «Онлайн» подходит, если:

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

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

Как сжать фотографию до нужного размера онлайн

1) Онлайн сервис Resizepiconline

Самый простой бесплатный сервис, который хотелось бы посоветовать, это Resizepiconline, http://resizepiconline.com. Пользуясь им можно одновременно:

  1. Сжимать фото до нужного размера в пикселях. Пропорции сохраняются.
  2. Уменьшать фото. Управляя качеством, изменять его вес в килобайтах.

Как только вы зайдете на сайт, то сразу и перейдете к делу, Вас встретит окно загрузки изображений:

После того, как загрузите фото на сервис Вы можете:

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

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

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

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

2) Онлайн сервис PICHOLD

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

  1. Уменьшить размер фото до 640 пикселей (большинство форумов, блогов и др.)
  2. Уменьшить размер фото в 2 раза.
  3. Уменьшить размер фотов 4 раза.

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

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

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

Сжать фотографию онлайн не меняя размеров

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

1) Онлайн сервис TinyJPG

Которым часто пользуюсь сам. Вот адрес сайта: https://tinyjpg.com. Это не реклама. Сервис бесплатный. Просто в свое время мой выбор пал на него.

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

До 20 фото с максимальным весом до 5 МБ каждое можно загружать и сжимать в пределах одной пакетной обработки. Если Вам надо сжать , скажем 100 фото, то придется делать это в 5 приемов по 20 снимков за один раз.

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

Сжать фотографию онлайн

Как видите, процент сжатия у снимков разный, а вот конечный вес в килобайтах находится примерно в одном диапазоне. Сервис максимально уменьшил изображения. Скачать можно поштучно, нажимая download  в каждой строчке, или в виде архива, если у Вас есть архиватор. Для этого надо нажать на кнопку Download all или сохранить в облачное хранилище Dropbox.

2) Онлайн сервис Compressjpeg

Для сравнения эти же фото сжал с помощью другого онлайн сервиса: Compressjpeg, http://compressjpeg.com. Разница в процентах сжатия видна.

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

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

3) Онлайн сервис Optimizilla

Ну и вот еще один бесплатный сервис, до боли знакомый интерфейс, похожий на предыдущий сервис. Optimizilla http://optimizilla.

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

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

Как сжать фотографию до нужного размера с помощью программ

1) Уменьшение размеров фото программой Paint

Встроенное в Windows приложение, пожалуй самое простое решение для увеличения или уменьшения размера фото. Сжатие только за счет естественного уменьшения размера фотографии. Откройте файл в приложении. Для этого:

  1. Кликните по файлу правой кнопкой мыши.
  2. Выберите в раскрывшемся списке команд «Открыть с помощью».
  3. Затем, в списке программ, нажмите «Paint».

Открыть фото с помощью paint

  1. В меню программы нажмите «Изменить размер». Откроется окно «Изменение размеров и наклона».
  2. Переведите радиокнопку в положение «Пиксели». Теперь можно установить любой желательный размер фото по горизонтали или по вертикали.
  3. Нажмите «ОК».

Обратите внимание на галочку в чекбоксе «Сохранить пропорции» Пока она не снята увеличение или уменьшение размера происходит с сохранением пропорций.

Читайте также:  Yagla — контекст становится слишком дорогим, а seo слишком рискованным, поэтому ягла предлагает свое решение

Остается сохранить уменьшенное фото. Нажимаем «Файл», «Сохранить как».

2) Уменьшение размеров фото программой Fast Stone Resizer

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

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

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

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

Давайте попробуем сделать это пошагово.

  1. Нажмите кнопку в виде 3-х точек. Откроется окно «Browse For Folder»
  2. В этом окне выберите папку с изображениями и кликните по ней. Список изображений из папки появится слева в основном окне.
  3. Нажмите кнопку «Add All…», все изображения перенесутся в правое окно. Список можно корректировать другими кнопками. Названия их понятны. Add  — добавить, Remove — удалить, Clear — очистить. Таким образом формируете список изображений, с которыми необходимо произвести групповую обработку.
  4. Четвертый шаг — настраиваем список действий.

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

  1. Output Format — формат, в который будут конвертированы выбранные Вами фото. Выберите из раскрывающегося списка тот формат, который Вам необходим. Напомню, самый «легкий» формат фото — JPEG.
  2. Output Folder — папка, в которую будут сохранены конвертированные фото.
  3. Use Advanced Options (Resize…) — расширенные настройки конвертации (изменение размеров…). Чуть ниже покажу их подробнее.
  4. Rename — переименование файлов. Там несколько шаблонов имен. Используйте их, чтобы дать новым фото названия в соответствии с теми изменениями, которые Вы произвели.
  5. Convert — та самая кнопка, чтобы сразу сжать несколько фото, которую нажмете, когда настроите все действия групповой обработки.
  6.  Settings — Настройки. Нажмите на кнопку, и в соответствии с выбранным Вами в п.1 форматом будут доступны дополнительные опции. На скриншоте ниже видно, что для формата JPEG доступно дополнительное сжатие фото. То самое, алгоритмическое, которое уменьшает вес изображения в килобайтах. Переместите ползунок по шкале Quality — Качество левее, и тем самым понизите вес изображений после конвертации. Тут можно справедливо заметить, что ведь вопрос в том как сжать картинку без потери качества, а не понизить его. Пусть слово «качество» не смущает Вас. В контексте программной обработки оно имеет несколько иной смысл. Это не качество визуального восприятия, о котором мы думаем, когда говорим о качестве фото. Хотя, безусловно, сильно понизив качество программной обработки можно ухудшить и визуальное восприятие картинки.

Чтобы вопрос качества показать наглядно, я сжал фотографию до размера 903*600 пикселей первый раз применил 30%, а второй раз — 90% качество. Исходный файл был такой: Размеры 4288*2848, Размер 2,68 МБ.

Исходный файл перед уменьшением размера

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

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

3 — Use Advanced Options (Resize…) — расширенные настройки конвертации (изменение размеров…).

Чтобы уменьшить фотографию до нужного размера на первой закладке настроек установите галочку в чекбоксе Resize.

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

Заходите на них — там пусто, ставите галочку в чекбокс — поле закладки наполняется доступным функционалом.

На закладке Resize (изменение размера) можно выбрать один из 4-х вариантов, в каких единицах измерения Вы хотите указать программе необходимый размер сжатия фотографии:

  1. В пикселях.
  2. В процентах от размера оригинала.
  3. В сантиметрах или дюймах для печати.
  4. В пикселях, по размеру одной из сторон.

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

На самом деле, программа очень профессиональная. Если у Вас возникли какие-то вопросы или просто нужна подсказка, пишите в комментарии. Помогу с удовольствием. Нравится мне FastStone Photo Resizer.

Источник: http://malinalime.com/kak-szhat-fotografiju-do-nuzhnogo-razmera/

Как уменьшить размер фото онлайн с Resizepiconline

Уменьшить размер фото онлайн можно на сайте resizepiconline.com. Для того, чтобы уменьшить размер фото, изображения или картинки онлайн:

  1. Перейдите на сайт
  2. Нажмите на «Загрузить изображения»
  3. В новом окне выберите фото (от 1 до 10, в формате .jpg или .png)
  4. Выберите разрешение для конечного изображения, его формат и качество
  5. Нажмите изменить размер, чтобы началось уменьшение размера фото (изображения, картинки)
  6. Нажмите «Скачать», чтобы сохранить результат на компьютер

А у вас получилось уменьшить размер фото? Делитесь с нами в комментариях.

Изменять размер фото (картинки, изображения) онлайн — легко, если знать, каким сайтом лучше всего воспользоваться. Чтобы изменить размер фото, картинки или изображения онлайн, перейдите на сайт pichold, затем:

  1. Нажмите кнопку «Выберите файл», чтобы выбрать файл
  2. Отметьте пункт, в котором указано, как вы хотите изменить размер или укажите в графе ниже нужный вам размер
  3. Нажмите кнопку «Уменьшить изображение»

Таким образом мы изменяем размер изображения, фото или картинки онлайн, без особых усилий.

Чтобы сжать фото онлайн, воспользуйтесь сайтом TinyPNG (он же TinyJPG). Чтобы онлайн сжать фото изображение, картинку, рисунок без потери качества, просто перетяните картинки (.png или .jpg) в верхнюю зону и подождите пока сайт сожмёт их.

По умолчанию вы можете загружать до 20 картинок по 5 Мб за раз.

На этом сайте нет настройки качества готового изображения. Остаётся только скачать. Для этого нажмите Download и выберите папку для сохранения.

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

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

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

Как видите, оригинал весил 204 Кб, после сжатия картинка стала весить 60 Кб, картинка была сжата на 71%, причем качество картинки осталось на прежнем уровне! Чтобы сохранить сжатое изображение на свой компьютер:

  1. Нажмите на кнопку «Скачать» под изображением
  2. Укажите путь для сохранения

А у вас получилось уменьшить размер фото?

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

Изменение размера фото, картинки, изображения, рисунков:

  1. Перейдите на сайт IMGonline
  2. Выберите режим работы (сайт умеет изменять размер в сантиметрах, мегапикселях, процентах, пикселях и мегабайтах, по умолчанию выбраны пиксели)
  3. Выберите своё изображение
  4. Введите нужные размеры изображения, измените дополнительные настройки, если нужно
  5. Нажмите OK
  6. Нажмите «Открыть обработанное изображение», чтобы проверить правильность выполненной операции
  7. Если всё устраивает — нажмите «Скачать выбранное изображение» и сохраните вашу уменьшенную картинку

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

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

  1. Изменить размер картинки или изображения в Фотошопе
  2. Изменить размер фото онлайн:
    • С помощью Optimizilla
    • С помощью TinyJPG
    • С помощью IMGonline

На сайте imgonline.com.ua можно узнать какой размер изображения. Как узнать какой размер фото, картинки:

  1. Перейдите на сайт
  2. Нажмите на кнопку «Выберите файл», а затем «ОК», чтобы определить размер изображения (фото, рисунка или картинки)

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

Увеличить размер фото онлайн можно на сайте IMGonline. Как увеличить размер фото (изображения, картинки или рисунка) онлайн без потери качества:

  1. Перейдите на сайт
  2. Нажмите «Выберите файл»
  3. Чуть ниже укажите во сколько раз вы хотите увеличить размер фото
  4. Ещё ниже выберите формат изображения на выходе и нажмите «ОК»

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

Источник: http://delpc.ru/kak-umenshit-razmer-foto-onlajn-s-resizepiconline/

Как сжать фотографию и сохранить качество

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

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

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

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

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

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

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

Читайте также:  Как продвигать сайт — покупать контекстную рекламу или использовать seo для попадания в органическую выдачу

Ниже приведены несколько бесплатных онлайн-сервисов подобного рода:

  • Image Optimizer – данный сервис предоставляет возможность сжать, оптимизировать и изменить размер изображения. Интерфейс сервиса прост в использовании: для начала работы нужно загрузить снимок со своего устройства, выбрать размер и вариант оптимизации. Также можно установить данный оптимизатор на компьютер:
  • Web Resizer – с помощью данного онлайн-сервиса можно отредактировать фото: сжать, обрезать, добавить границы, изменить яркость, контраст, насыщенность и некоторые другие параметры:
  • PunyPNG – также бесплатная программа, которая работает с различными форматами изображения и является эффективной в деле уменьшении веса снимков:

Программы для сжатия фотографий

«Как сжать размер фотографии?» — такой вопрос частенько предстает перед начинающими фотографами, да и не только перед ними.

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

Уменьшить размер изображения в paint не составит труда, если выполнить следующие действия:

  • Открыть изображение с помощью Paint;
  • Кликаем на кнопку «Изменить размер», после чего откроется окно:
  • В поле «изменить» активируем «проценты», устанавливаем галочку «сохранить пропорции», прописываем число, которое определяет, сколько процентов будет в уменьшенном изображении от исходного. В нашем случае, это 80%. После нажатия на «Ок» видно результат:
  • Сохраняем результат, кликнув на «Файл», «Сохранить как». Далее нужно выбрать расширение и вписать имя. Проведение данной процедуры дало уменьшение размера в половину от исходного.

Также уменьшить вес фотографии можно в профессиональном графическом редакторе Photoshop:

Для уменьшения веса необходимо:

  • Открыть фотографию в Photoshop;
  • Задействовать функцию «Сохранить для веб и устройств» (Save for Web & Devices), которая находится в меню «Файл» (File):
  • В открывшемся окне установить настройки: формат и качество. Снижать качество (quality) более чем на 50% не рекомендуется. В нижней части окна имеются настройки ширины и высоты, с помощью которых также можно уменьшить размер:
  • Остается лишь сохранить полученное изображение. Ниже представлен результат проведенных манипуляций:

Советы по сжатию изображений

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

  • Вес изображения не должен превышать 100 Кбайт, а размер должен быть 800 на 600 пикселей – это связано с тем, что еще остались мониторы, которые плохо ладят с гигантскими картинками;
  • При уменьшении веса фотографии, на ней могут появиться следы, которые указывают на то, что она была сжата. Чтобы скрыть это, нужно немножко размыть фотографию, воспользовавшись инструментом Blur в фотошопе, установив значение 0,1 – этого будет достаточно;
  • Луше всего сохранять изображения в формате JPEG.

Сжимаем много

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

Как сжать сразу много фотографий онлайн? Для решения данной задачи существуют специализированные сервисы, такие как Kraken.io. За один раз данный сервис позволяет обработать большое количество фотографий, но их суммарный вес не может превышать 10 мегабайт.

Для более качественной обработки фотографий лучше использовать приложения, которые устанавливаются на ваш компьютер. Примером такой программы является Picture Combine — данный графический редактор позволяет проводить пакетную оптимизацию фотографий. Программа проста в использовании, поэтому овладеть ей сможет каждый:

Как сжать несколько фотографий в фотошопе

В фотошопе также есть возможность сжать несколько фотографий одновременно. Для этого необходимо создать action – алгоритм действий для пакетной обработки фотографий.

Ниже описаны шаги по созданию подобного алгоритма:

  • Создать две папки. В первую сохранить изображения, которые необходимо уменьшить. Во вторую будут сохраняться уже обработанные фотографии;
  • Далее можно приступить к записи алгоритма обработки фотографий. В меню «Окно» (Window) необходимо кликнуть по пункту «Создание новой операции» (Create new action), ввести название для нового экшена и кликнуть на «ОК»;
  • Запись действий начнется после клика по кнопке «Начать запись» (Degin recording);
  • Для уменьшения фотографии нужно открыть файл из папки, в которой хранятся изображения для обработки (Файл -> Открыть) (File -> open). В меню «Изображение» (Image) выбрать «Размер изображения» (image size) — откроется окно настроек расширения и размера. После внесения изменений необходимо кликнуть на «Ок». Теперь можно сохранить уменьшенное изображение в пустую папку с помощью команды «Сохранить как» (Save as);
  • Далее необходимо остановить запись алгоритма, кликнув на «Остановить запись» (Stop recording);
  • Для автоматизированной обработки остальных фотографий в меню Файл нужно выбрать «Автоматизация» (Automate). Внутри данного меню воспользоваться функцией «Пакетная обработка» (Batch);
  • Для обработки сразу всей папки необходимо в меню «Источник» (Source) выбрать «Папку» (Folder), затем кликнуть на «Выбрать» (choose) и указать папку с фотографиями. Также нужно определить, куда должны отправляться обработанные фотографии, для этого в «Расположение» (Destination) выбрать «Папку» (Folder) и с помощью «Выбрать» (choose) указать созданную пустую папку. Чтобы полностью автоматизировать процесс, необходимо активировать пункт «Перезапись, Сохранить команду как» (Override action “Save As” commands), иначе нужно будет для каждого отдельного фото утверждать путь сохранения. Для запуска обработки необходимо кликнуть «Ок».

Сжимаем целую папку

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

Для решения данной задачи лучше всего воспользоваться архиватором, который уменьшит вес папки (от 20 до 75 процентов). Самым распространенным архиватором является WinRar:

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

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

Источник: http://www.internet-technologies.ru/articles/kak-szhat-fotografiyu-i-sohranit-kachestvo.html

Как уменьшить размер файла JPG ? 4 быстрых способа!

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

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

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

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

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

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

Что такое файл JPG

JPEG (произносится «джейпег», англ. Joint Photographic Experts Group) – наиболее популярный растровый формат изображения. Файлы, которые содержат изображения имеют расширение JPG

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

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

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

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

Как уменьшить размер изображения стандартными средствами Windows ?

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

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

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

Для того, чтобы уменьшить размер файла jpg при помощи графического редактора Paint, следуем инструкции ниже.

  1. Выбираем нужный файл изображения и щелкаем на нем правой кнопкой мыши. Из появившегося меню выбираем пункт «Изменить». Откроется автоматически редактор Paint.
  2. Ищем на панели инструментов кнопку «Изменить размер»;
  3. Откроется окно, в котором нам с вами нужно указать новый размер изображения. Изменение размера доступно в процентах и пикселях.

Как уменьшить размер файла JPG при помощи программ Microsoft Office

Так как пакет программ MS Office установлен на большинстве компьютеров пользователей. То воспользуемся данным средством для редактирования размера файла JPG.

Для того, чтобы разобраться, как уменьшить размер файла JPG с помощью MS Picture Manager, делаем следующие действия:

  1. Открываем программу.
  2. Добавляем изображение или на нужном файле выбираем открыть с помощью MS Picture Manager.
  3. В панели инструментов ищем пункт «Изображение» и в выпадающем списке жмем кнопку «Сжать изображение». Далее регулируем процент сжатия изображения.

Уменьшаем размер JPG файла при помощи онлайн сервисов

Если вам не подходят выше описанные способы или необходимо сжимать очень большое количество изображений, то можно воспользоваться онлайн сервисами по сжатию картинок. Один из таких сервисов https://tinypng.com

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

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

Еще один онлайн сервис, позволяющий изменить размер файла с изображением — irfanview.com.  Сервис поддерживает работу с различными форматами изображений. В отличие от tinypng.com , пользователь сам выбирает настройки для создаваемого изображения.

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

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

Уменьшаем размер изображения при помощи редактора Snagit

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

Читайте также:  Whaff rewards — заработок на мобильных приложениях

Предлагаю выполнять все по пунктам.

  1. Открываем редактор Snagit;
  2. В панели меню жмем «Файл» и в выпавшем списке выбираем «Открыть»;
  3. Выбираем нужное изображение;
  4. Далее в панели меню открываем вкладку «Изображение» и в панели инструментов жмем «Изменить размер»;
  5. В открывшемся меню выставляем нужный размер изображения;
  1. После сохраните изображение используя меню «Файл» — «Сохранить как».

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

Заключение

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

Источник: https://strana-it.ru/kak-umenshit-razmer-fajla-jpg/

Как уменьшить размер файла JPG без потери качества

Доброго времени суток! Если у Вас, сотни мегабайт в небольшой папке с фотками? Или же картинки отправляются по почте более 10 минут, даже при приличной скорости интернета? Или вот так, для отправки архива фотографий на флешку нужны полчаса? Добро пожаловать в нужное место, в статье я расскажу, в какой программе и как уменьшить размер файла JPG без потери качества.

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

Касательно формата JPG (и его разновидности JPEG), есть 3 способа изменения размера файлов. Размер PNG, BMP, GIF и прочих графических форматов можно регулировать лишь первым методом.

  1. Уменьшение разрешения картинки (количества пикселей) без потери качества;
  2. Снижение качества без уменьшения разрешения;
  3. Одновременное снижение и разрешения, и качества.

Любая фотография – набор пикселей. У современных фотоаппаратов их число превышает 2-4 тысячи по горизонтали и вертикали. Это много, от такого разрешения и «разрастаются» мегабайты.

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

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

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

Сжав изображение в 2 раза (на 50%, в терминах графических редакторов), мы уменьшим его площадь (и объём!) в 4 раза, школьная геометрия на практике.

Логично уменьшить количество точек, чтобы снизить размер фотографии – и не заметить изменений в качестве.

Альтернативный вариант для файлов JPG, оставить разрешение изображения исходным, но позволить компьютеру снизить качество. Некоторая размытость, сглаживание или нечёткость вполне допустимы. Можно считать, что качество сжатия в графических редакторах примерно такое:

  • 100% — сжатие рисунка отсутствует;
  • 90% — настройка по умолчанию во многих программах – минимальное сжатие;
  • 80% — более глубокая степень: файлы сжимаются довольно сильно;
  • 70% — всё ещё приемлемая потеря качества, но в пределах разумного;
  • 50% и ниже – кардинальное снижение внешнего вида рисунка, заметное невооружённым взглядом.

back to menu ↑

Экспериментировать будем с этим «натюрмортом»: рядовая телефонная фотка, не претендующая на художественность, скорее – класса «страшно показать», но для семейного архива подойдёт.

Технические детали: формат JPG, разрешение 2560 на 1920 точек, вес файла-исходника – неприемлемые 2,44 Мб. Перед тем, как сжать фотографию, рекомендуем скопировать её в отдельную папку, чтобы не потерять рисунок в ходе процесса сжатия.

Исходный файл: 2,44 Мб, с расширением 2560×1920 пикселей

back to menu ↑

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

Открытие исходника в Пэйнт: количество точек потрясает, но их число вовсе не означает красоту или качество. Масштаб: 100%.

Чтобы открыть изображение в Paint, нужно щёлкнуть по файлу правой кнопкой и выбрать «Редактировать».

Этот редактор не позволяет вручную настроить уровень сжатия JPG, но, по ощущениям, устанавливает его примерно на 80%. Достаточно пересохранить файл, чтобы вместо исходных 2,44 Мб получить 1,83 Мб. На глазок уровень качества осталось практически тем же.

Изображение сжалось до 1,83 Мб после пересохранения в Paint за 2-3 клика и 10 секунд.

В арсенале Paint есть способ уменьшить размер картинки в пикселях. Это кнопка «Изменить размер» (Resize). При её нажатии выпадает диалоговое окно, где предлагается ввести новые размеры по горизонтали/вертикали в процентах от исходного количества точек.

Выберем 50 на 50: в 2 раза меньше длины и ширины означают площадь, меньшую в 4 раза. Кстати, разрешение нужно менять одинаково по обоим измерениям, иначе картинка деформируется.

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

Результат – 616 килобайт. Маловато для семейного архива, но – отлично для публикации на сайтах. Без лупы разница с исходником едва заметна.

616 килобайт при разрешении 1290×960 px.

Отметим, что 0,6 мегабайт получилось не только в результате изменения разрешения, а при помощи «комбинированного» метода – размер изображения в Paint корректируется ещё и снижением качества JPG на величину около 85%. Изменить значение параметра compress в нужную сторону невозможно. Пейнт делает это на автомате.

back to menu ↑

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

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

Источник: https://www.computer-setup.ru/kak-umenshit-razmer-fayla-jpg-bez-poteri-kachestva

Как уменьшить размер файла jpg без потери качества изображения в бесплатных компьютерных программах

Бывают случаи, когда необходимо быстро уменьшить объем пространства на жестком диске компьютера, которое занимают фото в формате JPG. Желательно, чтобы процедура прошла без существенной потери качества картинки. Существует несколько несложных способов заставить фотографию «похудеть».

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

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

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

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

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

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

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

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

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

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

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

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

Как уменьшить размер файла JPG с помощью Paint:

  1. Откройте картинку в Паинте (правой кнопкой на фото, «открыть с помощью», выберите Paint).
  2. На верхней рабочей панели выберите инструмент «изменить размер».
  3. Выберите пункт «по горизонтали», изменяйте заданное значение в меньшую сторону.
  4. Внесите аналогичное значение в пункте «по вертикали».
  5. Нажмите «ОК».
  6. Сохраните измененный рисунок.

Как уменьшить вес файла JPG в Фотошопе

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

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

Перед тем как сжать JPG при помощи Фотошопа, его нужно установить. Что делать после этого:

  1. Откройте картинку Фотошопом (правой кнопкой на фото, «открыть с помощью», выберите Adobe Photoshop).
  2. В качестве альтернативы, картинку можно открыть непосредственно из утилиты – вкладка «Файл» – пункт «Открыть».
  3. В верхней рабочей области меню «Изображение», далее выберите «Размер изображения».
  4. Открывшееся окно позволит вам выбрать все необходимые пропорции фотографии (величина сантиметров/пикселей, ширина).
  5. Внизу окна обязательно отметьте галочкой пункт «Сохранять пропорции» (при изменении параметров они будут редактироваться равномерно).
  6. В меню «Файл» выберите подпункт «Сохранить как».
  7. Выберите джипег формат, который сохранит исходное качество.
  8. После выбора формата нажмите на кнопку «Сохранить».

Другие способы сжать JPG без потери качества

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

Они обеспечивают разные проценты сжатия рисунков, что важно – не влияя на качество.

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

Утилита/web-сервис

Платформа

Сжатие, процентов

FILEminimizer

Win

-39,3

FileOptimizer

Win

-17,7

ImageOptim

Mac

-18,3

JPEGmini Lite

Mac

-8,2

jStrip

Win

-16,2

PUNYpng

Web

-28

RIOT

Win

-40

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

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

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

Как изменить размер файла JPG

Как уменьшить размер фото без потери качества

Источник: https://sovets.net/7148-kak-umenshit-razmer-fayla-jpg.html

Ссылка на основную публикацию