Прошлым летом мы с Олегом начали разработку нового 500px (да, это было столь давно) и даже разработали первоначальный макет. Но прошло время, и сейчас, когда мы целиком посвящаем себя разработке 500px, мы столкнулись с препятствиями.
(Так выглядел изначальный макет нового 500px)
За год случилось то, что неминуемо случается — концепция изменилась, мы поумнели, и прошло много времени. Вот что мы поняли:
- Дизайн слишком сложен. Мы делаем фотодайджест, и его задача быть максимально простым. При этом дизайн определённо не должен быть скучным, но в глаза лезть не должен.
- Переизбыток информации. Опять же, делать «всё и сразу» можно вечно. Поэтому мы заново всё пересмотрели и отсекли всё то, что либо опционально, либо откровенно не нужно.
- Англоязычная аудитория в тысячи раз больше. Количество фотографов, говорящих на простом английском в сотни тысяч раз больше, чем русскоязычных. Поэтому мы делаем 500px изначально на английском.
- Фотодайджест должен попросту дышать фотографией. Поэтому фотографии у нас будут размером 1100-1150 пикселей по ширине (и мы сохраним оригинал, если он больше).
Почему? Потому что мы делаем свой проект, работаем полностью на себя, и можем себе позволить не поддерживать устаревшие браузеры, маленькие экраны и фотографии размером в почтовую марку.
Потому что мы не верим, что искренний фотолюбитель или фотограф может настолько не любить самого себя и своё хобби, чтобы иметь экран меньше хотя бы 1280х800. Потому что не верим, что пользователи с браузером Internet Explorer относятся той категории, которую мы хотим видеть на сайте. Потому что не верим, что можно защитить свои права (или скрыть плохое качество оригинала) фотографией размером со спичечный коробок.
Недавно дискутировал о размерах фотографий в twitter’e, и мне называли разброс в 750-900 пикселей оптимальным размером фотографий. Этот размер был оптимален вчера, но никак не оптимален завтра. Потому что я помню 2003 год, когда мои фотографии были 500 пикселей шириной.
Я помню 2007, когда они были 600 пикселей, я помню 2008, когда они стали 750, а сейчас это 900 пикселей (и я подумываю о ширине в 1000px). Мы не делаем сайт для вчерашнего дня, мы делаем его для дня завтрашнего. И потому завтра будут актуальны большие фотографии. Меняйтесь сейчас сами, пока будущее не поменяло вас.
Именно поэтому наш сайт будет шириной в 1200 пикселей. Именно поэтому мы не будем утруждать себя проверять сайт на устаревших браузерах. Именно поэтому мы каждый день будем агитировать за то, что фотография должна быть большой и красивой, без необходимости доставать лупу.
Конечно, это нетрадиционно. Это ломает устои. Это заставляет нервничать владельцев маленьких нетбуков с разрешением экрана 1024х600. И сейчас нет ни одного русского фото сайта, который бы любил большие фотографии.
Хотите уже сейчас посмотреть будущее? Присоединяйтесь к Ruphotography, и у вас будет возможность увидеть новый 500px первыми.
Источник: blindmonk.livejournal.com
Что такое DPI в фотографии
Нужно изменить DPI? Воспользуйтесь программой ФотоМАСТЕР:
Для Windows 11, 10, 8, 7 и XP. Быстрая установка.
#128248 Учебник
Pixel car Racer | настройка коробки передачи для новичка
Pixel Car Racing guide (на русском)
Векторные медиафайлы не состоят из точек: их можно масштабировать без снижения качества.
Разница при изменении масштаба вектора и растра
Как узнать DPI изображения
У вас есть несколько способов определить разрешение на компьютере:
1. Чтобы проверить плотность снимка на ПК с Windows, перейдите в папку с нужным документом. Щелкните по нему правой кнопкой мыши и выберите «Свойства». Перейдите на вкладку «Подробно».
В данном примере число составляет 96
2. Где посмотреть DPI фотографии на Mac OS? Выберите медиафайл, который хотите использовать, и щелкните по нему правой кнопкой мыши. Нажмите «Свойства». Нужные сведения представлены на вкладке «Подробнее».
Меню «Свойства» на устройствах с Mac
Для чего нужно большое количество точек
После того, как вам удалось узнать разрешение DPI, вам может потребоваться его увеличить. Это необходимо в различных ситуациях. Например, струйные принтеры печатают от 300 до 720 точек на дюйм, а лазерные создают фотоизображения от 600 до 2400. Требования к значению ди-пи-ай зависит от цели использования материала:
- 72 — стандартно применяется для загрузки в сеть и просмотра фото на ПК.
- 100 — используется в широкоформатных проектах для улицы.
- 200 dpi — это какое разрешение? Оно подходит для газет, интерьерной и цифровой печати фотокарточек.
- 300 — среднее значение для распечатки и сканирования фотоснимков. Оно обеспечивает высокое качество и позволяет печатать картинку на бумаге А4 формата и меньше.
- 600 — подходит для создания больших изображений, ширина или высота которых превышает 20-25 сантиметров. Фотография 600 dpi будет занимать много места на компьютере, поэтому такое значение не стоит устанавливать для хранения цифровых копий на компьютере или облачном хранилище.
Таблица с назначением фотки и стандартными цифрами
Как делать снимки с высоким разрешением
Существует несколько советов, которые помогут добиться четкой печати:
- Используйте хорошую камеру. Лучше всего снимать с помощью зеркального фотоаппарата. Он позволит сделать высококачественный большой файл, который вы сможете редактировать.
- Примените фоторедакторы. Они позволят вам легко проверить точное разрешение, а также изменить настройки.
Снимки, сделанные на камеру и смартфон
Как изменить DPI изображения
При печати очень важно установить правильный DPI. В противном случае у вас могут получиться размытые или некачественные фотокарточки. Чтобы настроить параметр, вам потребуется воспользоваться специальным программным обеспечением. Загрузите удобное приложение ФотоМАСТЕР. Оно позволит не только изменить размер картинки, но и произвести ретушь портретов, применить эффекты, настроить освещение и добавить надписи.
Чтобы перевести разрешение в dpi, вам необходимо скачать фоторедактор с нашего сайта. Затем запустите дистрибутив и выполните стандартные действия. После завершения инсталляции откройте софт и следуйте инструкции:
Шаг 1. Загрузите материал
В стартовом меню приложения нажмите на кнопку «Открыть фото» или перенесите документ из проводника.
Импортируйте документ с популярным расширением
Шаг 2. Произведите обработку (опционально)
Интерфейс приложения разделен на вкладки:
- В разделе «Улучшения» вы можете автоматически или вручную скорректировать освещение, выполнить цветокоррекцию, добавить резкость или слегка размыть снимок.
- Категория «Инструменты» содержит опции для кадрирования и поворота фотоизображения, замены заднего плана, создания виньетки, применения пресетов 3D Lut, настройки кривых и подавления шумов.
- Вкладка «Ретушь» позволит произвести ретушь портрета, применить автоматические пресеты для улучшения кожи модели, корректировать черты лица и фигуры, скрыть недостатки и объекты с помощью кисти и штампа.
- Раздел «Эффекты» содержит каталог фильтров, инструменты для создания солнечных лучей, оформления мистического и матового эффекта, тонирования фотоснимков, добавления пленочного зерна.
Пример обработки портрета
Шаг 3. Установите новый размер
Как сделать разрешение фотографии 300 dpi или меньше? Для этого откройте меню «Файл» и нажмите «Изменить размер и сохранить». Вы можете выбрать готовую предустановку:
- для дальнейшей обработки;
- печати;
- просмотра на мониторе;
- социальных сетей.
Затем настройте ди-пи-ай. Введите любое число, но лучше выберите цифру в диапазоне между 72 и 300. Важно понимать: чем больше значение, тем объемнее будет итоговый материал.
Нажмите «Применить» и укажите папку
Как определить DPI фото и удостовериться в увеличении размера? Перейдите в папку с обработанным файлом, а затем откройте свойства кадра. Как видите, редактор отлично справился с задачей.
Теперь вы знаете, как узнать DPI фото и настроить его для конкретной цели. Если вы хотите распечатать картинку, лучше установить 300 dots per inch или выше. Фотоснимки для газет имеют число около 200 из-за низкого качества бумаги. Для веб-изображений используйте 72 точки: фото с большим числом будут автоматически уменьшены браузером.
Перед отправкой материала на принтер или загрузки в сеть обработайте картинку в программе ФотоМАСТЕР. Она позволит выполнить ретушь, избавиться от дефектов, произвести цветокоррекцию и применить эффекты. Скачайте приложение бесплатно и приступите к редактированию прямо сейчас!
Источник: photo-master.com
500 пикселей png
![Пиксель Арт Черепа, Череп Скелета С Горящей Сигаретой, Наушники, Рисование, Живопись, Plantronics Rig 500, Google Pixel Buds, Кость, аудио, аудио оборудование, кость png thumbnail](https://w1.pngwing.com/pngs/92/753/png-transparent-skull-pixel-art-skull-of-a-skeleton-with-burning-cigarette-headphones-drawing-painting-plantronics-rig-500-google-pixel-buds-bone-thumbnail.png)
![синий угол области текста, 500 пикселей, синий, угол, текст png thumbnail](https://w7.pngwing.com/pngs/926/952/png-transparent-blue-angle-area-text-500px-blue-angle-text-thumbnail.png)
![Компакт-диск CD-ROM ISO, Cdrom, wikimedia Commons, технология, rom png thumbnail](https://w7.pngwing.com/pngs/481/859/png-transparent-compact-disc-cd-rom-iso-cdrom-wikimedia-commons-technology-rom-thumbnail.png)
![D.Va Overwatch Пиксель арт Видеоигры, два кролика, игра, другие, шарик png thumbnail](https://w7.pngwing.com/pngs/269/200/png-transparent-d-va-overwatch-pixel-art-video-games-dva-bunny-game-bead-cartoon-thumbnail.png)
![Пиксель арт, другие, Разное, 3D компьютерная графика, текст png thumbnail](https://w7.pngwing.com/pngs/642/599/png-transparent-pixel-art-others-miscellaneous-3d-computer-graphics-text-thumbnail.png)
![Социальные сети Компьютерные иконки Flickr Социальные закладки, Flickr Icon Library, Разное, другие, пурпурный png thumbnail](https://w7.pngwing.com/pngs/822/517/png-transparent-social-media-computer-icons-flickr-social-bookmarking-flickr-icon-library-miscellaneous-magenta-website-thumbnail.png)
![Пиксель арт 8-битный цвет, другие, разное, угол, текст png thumbnail](https://w7.pngwing.com/pngs/948/974/png-transparent-pixel-art-8-bit-color-others-miscellaneous-angle-text-thumbnail.png)
![500 пикселей на Flickr, другие, Разное, другие, инвайт png thumbnail](https://w7.pngwing.com/pngs/782/125/png-transparent-500px-graphy-sharing-flickr-others-thumbnail.png)
![Компьютерные иконки для рабочего стола, другие, Разное, текст, товарный знак png thumbnail](https://w7.pngwing.com/pngs/715/424/png-transparent-computer-icons-desktop-others-thumbnail.png)
![Пчела Храбрые воины мультфильм похмелье Фредератор студии, пчела, текст, фотография, насекомые png thumbnail](https://w7.pngwing.com/pngs/147/490/png-transparent-bee-bravest-warriors-cartoon-hangover-frederator-studios-bee-text-photography-insects-thumbnail.png)
![Цифровой микроскоп Жидкокристаллический дисплей Celestron Аккумуляторная батарея, Портативный микроскоп, цифровой, техника, микроскоп png thumbnail](https://w7.pngwing.com/pngs/927/11/png-transparent-digital-microscope-liquid-crystal-display-celestron-rechargeable-battery-portable-microscope-digital-technic-microscope-thumbnail.png)
![Pixel 2 iPhone Компьютерные иконки Телефон Смартфон, значок телефона, угол, электроника, текст png thumbnail](https://w7.pngwing.com/pngs/27/278/png-transparent-pixel-2-iphone-computer-icons-telephone-smartphone-phone-icon-angle-electronics-text-thumbnail.png)
![шестиугольник СМИ тень социальные 500 пиксель Miu шестиугольник тень социальной значок, png thumbnail](https://w7.pngwing.com/pngs/320/837/png-transparent-hexagon-media-shadow-social-500-pixel-miu-hexagon-shadow-social-icon-thumbnail.png)
![Компьютерные иконки, горизонтальная линия, разное, угол, белый png thumbnail](https://w7.pngwing.com/pngs/692/929/png-transparent-computer-icons-horizontal-line-miscellaneous-angle-white-thumbnail.png)
![Чиби Рисование Мангака Пиксель арт, Чиби, манга, чиби, вымышленный персонаж png thumbnail](https://w7.pngwing.com/pngs/574/789/png-transparent-chibi-drawing-mangaka-pixel-art-chibi-manga-chibi-fictional-character-thumbnail.png)
![Nikon D500 Nikon D850 Nikon D5300 Nikon D810, Фотоаппарат, объектив, фотоаппарат, фотография png thumbnail](https://w7.pngwing.com/pngs/543/738/png-transparent-nikon-d500-nikon-d850-nikon-d5300-nikon-d810-camera-lens-camera-lens-photography-thumbnail.png)
![Polycom RealPresence Group 500-720p с камерой EagleEye IV 12x Комплект для видеоконференций Видеотелефония Камера Polycom VVX 1280 x 720 пикселей USB Черная веб-камера Аксессуары, камера, 1080p, зум-объектив, видеотелефония png thumbnail](https://w7.pngwing.com/pngs/418/717/png-transparent-polycom-realpresence-group-500-720p-with-eagleeye-iv-12x-camera-video-conferencing-kit-videotelephony-polycom-vvx-camera-1280-x-720pixels-usb-black-webcam-accessories-camera-1080p-zoom-thumbnail.png)
![Компьютерные Иконки, другие, угол, белый, другие png thumbnail](https://w7.pngwing.com/pngs/945/167/png-transparent-computer-icons-others-angle-white-computer-program-thumbnail.png)
![Студия Яадеин Грейфер Свадьба, Грейфер, угол, кольцо, студия png thumbnail](https://w7.pngwing.com/pngs/275/431/png-transparent-studio-yaadein-grapher-wedding-graphy-grapher-angle-ring-studio-thumbnail.png)
![Canon EOS C100 Canon EOS-1D C Canon EOS C500 Canon Cinema EOS Видеокамеры, камеры, объектив, объектив камеры, видеокамера png thumbnail](https://w7.pngwing.com/pngs/496/186/png-transparent-canon-eos-c100-canon-eos-1d-c-canon-eos-c500-canon-cinema-eos-video-cameras-camera-lens-camera-lens-video-camera-thumbnail.png)
![billiger.de Neff GmbH Промышленный дизайн Текст, другие, угол, текст, прямоугольник png thumbnail](https://w7.pngwing.com/pngs/534/265/png-transparent-billiger-de-neff-gmbh-industrial-design-text-others-angle-text-rectangle-thumbnail.png)
![газовый насос, Разное, угол, другие png thumbnail](https://w7.pngwing.com/pngs/152/178/png-transparent-gas-pump-miscellaneous-angle-wikimedia-commons-thumbnail.png)
![Цифровой микроскоп Оптический прибор Bresser, Германия Цифровой микроскоп, техника, цифровые часы, объектив png thumbnail](https://w7.pngwing.com/pngs/406/69/png-transparent-digital-microscope-optical-instrument-bresser-germany-digital-microscope-technic-digital-clock-objective-thumbnail.png)
![Flickr Computer Icons Социальные сети, магнит, фиолетовый, текст, техника png thumbnail](https://w7.pngwing.com/pngs/809/340/png-transparent-flickr-computer-icons-social-media-magnet-purple-violet-text-thumbnail.png)
![Wikimedia Commons Angle, другие, угол, прямоугольник, треугольник png thumbnail](https://w7.pngwing.com/pngs/18/413/png-transparent-wikimedia-commons-angle-others-angle-rectangle-triangle-thumbnail.png)
![Sprite Text, Видеоигры, Opengameartorg, Изометрическая графика для видеоигр, Pixel Art, Видеоигры на основе Tile, Моды Nexus, Каллиграфия, угол, Черное и белое, каллиграфия png thumbnail](https://w1.pngwing.com/pngs/883/409/png-transparent-sprite-text-video-games-opengameartorg-isometric-video-game-graphics-pixel-art-tilebased-video-game-nexus-mods-calligraphy-thumbnail.png)
![Computer Icons 500px Социальные сети LinkedIn, социальные сети, синий, текст, товарный знак png thumbnail](https://w7.pngwing.com/pngs/914/808/png-transparent-computer-icons-500px-social-media-linkedin-social-media-blue-text-trademark-thumbnail.png)
![Социальные сети Компьютерные иконки Социальные сети, социальные сети, социальные медиа, интернет, рынок png thumbnail](https://w7.pngwing.com/pngs/380/459/png-transparent-social-media-computer-icons-social-web-social-media-social-media-internet-marketplace-thumbnail.png)
![500px grapher Flickr, Money Picturs, синий, текст, фотография png thumbnail](https://w7.pngwing.com/pngs/275/281/png-transparent-500px-graphy-grapher-flickr-money-picturs-blue-text-photography-thumbnail.png)
![Социальные сети Computer Icons 500px, социальные сети, синий, текст, фотография png thumbnail](https://w7.pngwing.com/pngs/2/359/png-transparent-social-media-computer-icons-500px-social-media-blue-text-photography-thumbnail.png)
![Веб разработка, дизайн, любовь, веб-дизайн, текст png thumbnail](https://w7.pngwing.com/pngs/912/374/png-transparent-web-development-graphy-design-love-web-design-text-thumbnail.png)
![Гарри Поттер Пиксель арт Рисование Беллатрикс Лестрейндж Хедвиг, Гарри Поттер, лист, прямоугольник, цветок png thumbnail](https://w7.pngwing.com/pngs/825/59/png-transparent-harry-potter-pixel-art-drawing-bellatrix-lestrange-hedwig-harry-potter-leaf-rectangle-flower-thumbnail.png)
![Цифровой микроскоп Оптический прибор Bresser Optics, Цифровой микроскоп, цифровые, техника, цифровые часы png thumbnail](https://w7.pngwing.com/pngs/985/90/png-transparent-digital-microscope-optical-instrument-bresser-optics-digital-microscope-digital-technic-digital-clock-thumbnail.png)
![Android Google Play PicsArt Studio, Android, этикетка, ангел, предложения png thumbnail](https://w7.pngwing.com/pngs/233/610/png-transparent-android-google-play-picsart-studio-android-label-angel-sentences-thumbnail.png)
![500 пикселей, социальный набор (круглый) значок, png thumbnail](https://w7.pngwing.com/pngs/503/43/png-transparent-500px-social-set-round-icon-thumbnail.png)
![Хлорметилметиловый эфир, угол, другие, Wikimedia Commons png thumbnail](https://w7.pngwing.com/pngs/996/790/png-transparent-chloromethyl-methyl-ether-angle-wikimedia-commons-symbol-thumbnail.png)
![Компьютерные иконки, черный фон, лицо, другие, голова png thumbnail](https://w7.pngwing.com/pngs/264/113/png-transparent-computer-icons-black-fon-face-head-snout-thumbnail.png)
![Sørreisa Tranøy Dyrøy Målselv Bardu, другие, угол, сердце, другие png thumbnail](https://w7.pngwing.com/pngs/801/872/png-transparent-s%C3%B8rreisa-tran%C3%B8y-dyr%C3%B8y-m%C3%A5lselv-bardu-others-angle-heart-monochrome-thumbnail.png)
Источник: www.pngwing.com