Главная — Фотошкола ЮУрГУ

Что такое ресайз: «Что такое ресайз?» — Яндекс Кью

Как ресайзить фотографии для выкладывания в блоге: oleg_osovitskiy — LiveJournal

?
Category:
  • Общество
  • Cancel
  • Location: Côte Saint-Luc, Québec, Canada
  • Mood: tired
  • Music: silence

Я вот тут заметил, что фотографии которые я храню на компе резкие, а то что вижу в своем блоге — сплошное мыло. Качество, честно говоря, как будто снято на дешевую мыльницу. Точнее мне об этом говорили уже давно, да и сам я видел, но как-то лениво было разбираться, но тут на днях психанул и решил раз и навсегда для себя определить как надо (и как не надо!) ресайзить фотографии для блога. Я совершу небольшой камин-аут — я не храню RAW версии своих фотографий и я даже не храню полноразмерные JPEG версии своих фотографий. Точнее RAW хранится у меня примерно 2-3 недели и если у меня не возникла необходимость печати, то я их удаляю (а никаких дисков не хватит с таким темпом, каким я снимаю). Оставляю только ресайзы до 1080 пикселов, чтобы смотреть на телевизоре (точнее 1620×1080 из-за соотношения сторон матрицы камеры 2:3, хотя по плану должно бы 1920×1080). В блог выкладываю 1200×800. В качестве просмотрщика картинок я использую IrfanView и так уж повелось, что ресайзю тоже им (с той поры как перелез с Linux на Windows в 2012, в Linux использовал ImageMagick для ресайза и gwenview для просмотра). Сейчас на примере одной и той же идеальной сферической белки в фокусе (в фокусе правый глаз белки) сравню способы ресайза:

Это ресайз картинки от Яндекс.Фотки, к сожалению он умеет ресайзить максимум до 800 точек по горизонтали, что меня ну никак не устраивает, но в качестве сравнения будет честно показать результат — картинка резкая и мне нравится.
Один недостаток — маленькая:


2. Это картинка размером 1620×1080, опция к тэгу «img» -, т.е. мы отдаем на откуп браузеру отмасштабировать картинку до 1200 пикселей по горизонтали. Самый лохопедский способ ибо результат непредсказуем — он зависит от версии браузера, операционной системы, используемых библиотек обработки изображения и результат будет различным для каждой машины — для кого-то красивая резкая картинка, для кого-то убогое мыло. Этот способ плох также и тем, что хранится большое изображение, а показывается маленькое — бездарная потеря трафика

3. Это ресайз от IrfanView, самая мыльная картинка. Именно этот способ я использую последние несколько лет для ресайза всех изображений. Позор на мою седую голову

4. ImageMagick 7.0.3-7 Q16 x64: magick source_image.jpg -resize 1200x dest_image.jpg

(ресайз мэджиком с автоматическими настройками)

5. ImageMagick 7.0.3-7 Q16 x64: magick source_image.jpg -resize 1200x -unsharp 0x0.75+0. 75+0.008 dest_image.jpg (ресайз мэджиком, задаю параметры увеличения резкости, слишком резко — перешарп)

6. ImageMagick 7.0.3-7 Q16 x64: magick source_image.jpg -resize 1200x -unsharp 0x0.6+0.6+0.006 dest_image.jpg (ресайз мэджиком, уменьшил увеличение резкости, этот вариант нравится мне больше всего, видимо так и буду ресайзить с этого дня). Сравните с картинкой номер 3 (Irfan)… я ушел плакать

UPD: 7. Photoshop CC 2015.5 + plugin C3C Image Size 2.1 (фотография предоставлена c_3_c)

P.S. для тех, кто не видит разницы — прошу прощения, что занял ваше время…

Tags: photo

Subscribe

  • Кропнутые стекла на полнокадровой тушке

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

  • Вы всё еще доверяете Яндексу хранить ваши фотки? После всего, что было?

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

  • Матрица

    Особенности человеческого глаза таковы, что он воспринимает зелёный цвет лучше всех остальных, а значит и замечает потери зеленого цвета больше, чем…

Photo

Hint http://pics. livejournal.com/igrick/pic/000r1edq

  • Кропнутые стекла на полнокадровой тушке

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

  • Вы всё еще доверяете Яндексу хранить ваши фотки? После всего, что было?

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

  • Матрица

    Особенности человеческого глаза таковы, что он воспринимает зелёный цвет лучше всех остальных, а значит и замечает потери зеленого цвета больше, чем…

resize | WebReference

Указывает, можно ли пользователю изменять размеры текстового поля.

Краткая информация

Значение по умолчанию		none
НаследуетсяНет
ПрименяетсяК <textarea> или к любому элементу, у которого свойство overflow отличается от visible
АнимируетсяНет

Синтаксис

resize: none | both | horizontal | vertical
Синтаксис
ОписаниеПример
<тип>Указывает тип значения.<размер>
A && BЗначения должны выводиться в указанном порядке.<размер> && <цвет>
A | BУказывает, что надо выбрать только одно значение из предложенных (A или B).
normal | small-caps
A || BКаждое значение может использоваться самостоятельно или совместно с другими в произвольном порядке.width || count
[ ]Группирует значения.[ crop || cross ]
*Повторять ноль или больше раз.[,<время>]*
+Повторять один или больше раз.<число>+
?Указанный тип, слово или группа не является обязательным.inset?
{A, B}Повторять не менее A, но не более B раз.<радиус>{1,4}
#Повторять один или больше раз через запятую.<время>#

Значения

none
Размеры элемента не изменяются.
both
Можно изменять размеры элемента по горизонтали и вертикали.
horizontal
Можно изменять размеры элемента только по горизонтали.
vertical
Можно изменять размеры элемента только по вертикали.

Песочница

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

none both horizontal vertical

textarea {
  resize: {{ playgroundValue }};
}

Пример

<!DOCTYPE html> <html> <head> <meta charset=»utf-8″> <title>resize</title> <style> textarea { resize: both; } </style> </head> <body> <p>Потяните за правый уголок, чтобы изменить размер текстового поля.
</p> <p><textarea cols=»30″ rows=»7″></textarea></p> </body> </html>

Объектная модель

Объект.style.resize

Примечание

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

Спецификация

СпецификацияСтатус
CSS Basic User Interface Module Level 3Рабочий проект
Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft (Черновик спецификации) — первая черновая версия стандарта.

Браузеры

412.1045
Браузеры

В таблице браузеров применяются следующие обозначения.

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

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

См. также

  • <textarea>
  • Многострочное текстовое поле

Рецепты

  • Как запретить изменение размеров <textarea>?
  • Как сделать, чтобы в текстовом поле заранее выводился опредёленный текст?

Практика

  • Многострочный текст
  • Размеры <textarea>
Определение

в кембриджском словаре английского языка

Как произносится изменить размер ?