Подготовка фотографии для размещения в интернет

Поделиться118-09-2013 14:47:21

Автор: Uzhanka
Заблокирован
Зарегистрирован: 17-03-2011
Сообщений: 2904
Уважение: +3949
Позитив: +2655
Пол: Женский
Провел на форуме:
3 месяца 4 дня
Последний визит:
01-12-2014 22:49:43

Выкладывая фотографию в Интернете, необходимо учитывать, что Интернет-ресурсы предъявляют определенные требования к файлам. Часто картинки ограничиваются по высоте, ширине и размеру файла. Предположим, что максимальный допустимый размер фотографии для публикации на сайте 800 пикселей по ширине и 600 пикселей по высоте, а размер файла ограничен 150 Kb. А у Вас есть фотография, например, 3072*2048 (при 6 Mpx-камере) или 2048*1365 (при 2,8 Mpx-камере). Как такую фотографию выложить на WEB-ресурс? Все просто!

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

Выберем в меню слева (для отображения меню подведите курсор к левому краю окна программы) пункт «Resize/Resample» или нажмем Ctrl+R.

В появившемся окне указываем нужную нам ширину (в данном случае 800 пикселей). Контролируем, чтобы высота на превышала разрешенные 600 пикселей (у нас получилось 533). Нажимаем ОК.

Мы получили фотографию с шириной 800 и высотой 533 пикселя. Часть работы выполнена. Если мы сейчас сохраним фотографию, то получим файл размером 219Kb. Однако нам нужно, чтобы размер файла не превышал 150Kb (ограничение WEB-ресурса). Далее мы выбираем в меню слева пункт «Save As…» или нажимаем Ctrl+S – сохранить, и затем кнопку Options.
Открывается диалоговое окно FastStone – File Format Options

Двигая ползунок Quality, мы меняем качество сжатия файла. Следя за размером получаемого файла (New File Size), выбираем нужное значение Quality. В нашем случае, мы выбрали значение 91 и получили размер файла – 122 Kb. Нажимаем OK.

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

источник Ссылка

Теги: фото для интернета, урок

+1

Поделиться218-09-2013 16:57:53

Автор: 1Alla
Постоялец
Награды:
Откуда: latvija
Зарегистрирован: 01-04-2013
Сообщений: 357
Уважение: +168
Позитив: +161
Пол: Женский
Возраст: 57 [1967-05-16]
Провел на форуме:
19 дней 17 часов
Последний визит:
17-12-2014 14:49:14

Uzhanka
версия только на английском? скажите пожалуйста

0

Поделиться318-09-2013 17:00:56

Автор: Uzhanka
Заблокирован
Зарегистрирован: 17-03-2011
Сообщений: 2904
Уважение: +3949
Позитив: +2655
Пол: Женский
Провел на форуме:
3 месяца 4 дня
Последний визит:
01-12-2014 22:49:43

1Alla
Вот здесь многоязычная версия Ссылка

0

Поделиться418-09-2013 17:04:05

Автор: 1Alla
Постоялец
Награды:
Откуда: latvija
Зарегистрирован: 01-04-2013
Сообщений: 357
Уважение: +168
Позитив: +161
Пол: Женский
Возраст: 57 [1967-05-16]
Провел на форуме:
19 дней 17 часов
Последний визит:
17-12-2014 14:49:14

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

Отредактировано 1Alla (18-09-2013 17:08:32)

0

Поделиться518-09-2013 17:50:57

Автор: Uzhanka
Заблокирован
Зарегистрирован: 17-03-2011
Сообщений: 2904
Уважение: +3949
Позитив: +2655
Пол: Женский
Провел на форуме:
3 месяца 4 дня
Последний визит:
01-12-2014 22:49:43

1Alla
Алла! необходимо нажать кнопку опции и тогда откроется окно для сжатия размера фото!

0

Поделиться618-09-2013 18:01:22

Автор: 1Alla
Постоялец
Награды:
Откуда: latvija
Зарегистрирован: 01-04-2013
Сообщений: 357
Уважение: +168
Позитив: +161
Пол: Женский
Возраст: 57 [1967-05-16]
Провел на форуме:
19 дней 17 часов
Последний визит:
17-12-2014 14:49:14

Uzhanka
Понала все. все нашла спасибо большое

0

Поделиться718-09-2013 23:02:45

Автор: gorn
Долгожитель
Откуда: Зурбаган
Зарегистрирован: 30-11-2012
Сообщений: 967
Уважение: +1381
Позитив: +753
Пол: Мужской
Провел на форуме:
12 дней 4 часа
Последний визит:
17-11-2013 19:52:28

Ув.1Alla. Как дополнительное вспоможение... "дешево и сердито", для компрессии(сжатия) фотографий в JPG, PNG форматах,"жмет" ахово,проверьте... )))

0

Поделиться818-09-2013 23:22:08

Автор: Uzhanka
Заблокирован
Зарегистрирован: 17-03-2011
Сообщений: 2904
Уважение: +3949
Позитив: +2655
Пол: Женский
Провел на форуме:
3 месяца 4 дня
Последний визит:
01-12-2014 22:49:43

gorn
Для новичков, кто не владеет фотошопом очень даже нужная програмка)) А сама я сжимаю фото в ФШ методом Разумовского!
Может вы поделитесь своим методом сжатия фото?))) будем рады!

0

Поделиться918-09-2013 23:32:15

Автор: 1Alla
Постоялец
Награды:
Откуда: latvija
Зарегистрирован: 01-04-2013
Сообщений: 357
Уважение: +168
Позитив: +161
Пол: Женский
Возраст: 57 [1967-05-16]
Провел на форуме:
19 дней 17 часов
Последний визит:
17-12-2014 14:49:14

gorn написал(а):

"жмет" ахово

после ахового сжатия я увижу что нибудь ув.[b] gorn))))) спасибо я посмотрю. я в фотошопе тоже сжимала

0

Поделиться1019-09-2013 11:40:40

Автор: glen
Активный участник
Награды:
Откуда: Киев
Зарегистрирован: 12-03-2012
Сообщений: 74
Уважение: +55
Позитив: +70
Пол: Мужской
Провел на форуме:
5 дней 13 часов
Последний визит:
26-07-2014 13:48:22
Параметры компьютера: i5-3570K, MSI N660 TF 2GD5/OC, 8GB; Win7-64; Producer 5.3310

Uzhanka написал(а):

методом Разумовского

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

Отредактировано glen (19-09-2013 11:41:31)

0

Поделиться1119-09-2013 12:34:17

Автор: gorn
Долгожитель
Откуда: Зурбаган
Зарегистрирован: 30-11-2012
Сообщений: 967
Уважение: +1381
Позитив: +753
Пол: Мужской
Провел на форуме:
12 дней 4 часа
Последний визит:
17-11-2013 19:52:28

Uzhanka написал(а):

Может вы поделитесь своим методом сжатия фото?))) будем рады!

Ув.Uzhanka
...Что под рукой и открыто(сейчас...),т.е. шоп-шоп,офис-офис,специально и мног-А... Image Resizer,IrfanView ,заморочек с выбором не испытываю,результаты приемлемы и меня,и "проги".которым необходимы точные,весоые параметры фото... пока устраивают. Что будет дальше... покажет время... Где-то,приблизительно,коротенечко... так.
P.S.

glen написал(а):

А не сохранилась ли где-нибудь страничка с первоисточником?

....копия оной страницы устроит??? ))

...если устроит? Пожалуйста... )))

Андрей Разумовский. написал(а):
...Чтобы не происходило потери четкости при уменьшении изображения, фотошедевр резал глаз, уменьшение изображения я произвожу в два этапа (при условии, что я уменьшаю оригинал, примерно с 4000 точек по длинной стороне) на каждом этапе восстанавливаю четкость. Для этого я использую Adobe Photoshop любой версии… Для комфортного просмотра мне необходимо его уменьшить до 800 точек по длинной стороне. Такие большие изображения, как я уже писал выше, уменьшаю в два этапа. Так корректнее получается.
На первом этапе я уменьшу его до двойного размера по длинной стороне от финишного. Т.е., если на финише мне нужно получить изображение 800 точек по длинной стороне, я на первом этапе оригинал уменьшаю до 1600 точек по длинной стороне. ИЗОБРАЖЕНИЕ-РАЗМЕР ИЗОБРАЖЕНИЯ. Меняю показания в диалоговом окне по длинной стороне с 4000 на 1600 – ОК. Изображение уменьшилось до размера в 1600 точек по длинной стороне. При этом, если приглядеться, четкость потеряна. Нажимаю клавишу F7 (привыкайте работать горячими клавишами). Всплыло (если его не было до этого) диалоговое окно СЛОИ. Дублируем слой, перетащив мышью имеющийся слой на иконку, отмеченную зеленой галочкой. Получается два одинаковых слоя, лежащих друг на друге. Выделяем верхний. ФИЛЬТР-РЕЗКОСТЬ-РЕЗКОСТЬ. На верхнем слое получился небольшой перешарп. Устраняю этот недостаток, уменьшив прозрачность верхнего слоя до 70%. СЛОЙ-СЛИТЬ ВИДИМЫЕ СЛОИ. Изображение получилось уменьшенного размера с размером в 1600 точек по горизонтали и хорошей четкостью. На этом первый этап закончен."
Второй этап повторяет первый полностью. ИЗОБРАЖЕНИЕ-РАЗМЕР ИЗОБРАЖЕНИЯ. Выставляем финишные 800 точек по длинной стороне. ОК. Дублируем слой, на верхнем добавляем резкость: ФИЛЬТР-РЕЗКОСТЬ-РЕЗКОСТЬ. В результате видим перешарп. Меняем прозрачность верхнего слоя, но в этот раз на 50%. Сливаем слои. СЛОЙ-СЛИТЬ ВИДИМЫЕ.
Все,больше ничего не трогаем. Все готово. Пусть весь мир наслаждается красотой и четкостью Ваших произведений.

...до "кучи"...
Интеллигентная резкость от Павла Косенко,тоже интересно.... для "гурманов". имхо.
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Отредактировано gorn (19-09-2013 13:31:10)

0