Графика и фотографии

Хранение

В мире для хранения и передачи различной графики и фотоснимков существуют специальные форматы: для графики есть Graphics Interchange Format (расширение «GIF»), а для фото есть JPEG (Joint Photographic Experts Group) File Interchange Format (JFIF, расширение «JPG»). Сейчас эти форматы довольно широко распространены во Всемирной паутине и, соответственно, поддерживаются большинством браузеров. Для обоих вполне хватит разрешения 640 × 480 точек: и так данное разрешение является наинизшей в распространённой Microsoft Windows, мониторы большего разрешения стоит рассматривать как возможность пользователю легче работать с большим количеством информации одновременно: в нескольких окнах или одним большим окном. В основном я буду сохранять картинки в чересстрочном или прогрессивном формате, чтобы была возможность тебе быстрее осмотреть содержащееся изображение, а последовательный способ будет использоваться лишь для мелкой графики и изображении или фотоснимков текста.

Графику для сайта обычно буду делать в чёрно-белом виде, чтобы как не заморачиваться с большими палитрами цветов, так и не сделать чрезмерно большую GIF. Понятно, что обладателей относительно медленных соединении уже довольно мало (но всё же есть!), как и что практически любой на ПК сможет работать хотя бы в 9600 бод, однако не забудем первый пункт. Если же понадобится принести сюда довольно разноцветное изображение, я отдизерю его в «безопасные Веб цвета» или, возможно, запихну в JFIF со 100 % качеством, при котором получаются совершенно незаметные артефакты сжатия.

Пережатие из JFIF в JFIF может быть произведено, если оригинальная фотография велика по разрешению с точки зрения создателя этого сайта, с одновременным уменьшением фото до принятого здесь. Следует уменьшать разрешение с использованием какого-нибудь алгоритма интерполяции пикселей: без него, в местах с резким переходом светов вследствие простого отброса пикселей может получиться очень резкий переход без промежуточных точек, с которыми JPEG не создан обращаться: вокруг этого перехода появляются артефакты сжатия, а файл фотографии начинает весить больше. Использование интерполяции сведёт такие моменты к минимуму, ведь объекты краями редко встанут точь-в-точь в точках, из которых будет сформирована исключительно эта точка нового файла, таким образом, переходы будут иметь хотя бы одну промежуточную точку, которая не приведёт к сильным и заметным артефактам сжатия и также снижет размер файла. К сожалению, алгоритмы интерполяций своей работой ухудшают чёткость фотографий. Буду я использовать для этого алгоритм, называемый графическим редактором «GIMP» «без гало».

По моему, в сжатии JPEG'а истина находится где-то в диапазоне 70-92 % или, если выражаться по шкале шакалов, 3-0,8 шакалов. Сжимать с качеством ниже 30 % (7 шакалов) не имеет смысла: получающиеся файлы продолжают уменьшаться довольно слабо, в то время как фото хватит лишь чтобы бегло осмотреть его, а дальше, после 9 шакалов из 10, фото уже не узнать. Вряд ли понадобится сжимать с силой большей, чем 40 % (6 шакалов), ведь при нём получаются очень малые файлы, качества которых хватит на быстрый осмотр фото. Эту силу сжатия можно использовать на очень больших фотографиях, так как в общей сложности здесь важна сама фотография, а не какой-то там мелкий в масштабах фото камушек, однако сжимать с большей силой всё-равно бессмысленно, так как становится грубее квантование средней яркости блоков и начинается изогелия (постеризация). Сжатие с качеством большим, чем 90 %, не даёт заметного улучшения качества вследствие и так уже очень слабой заметности артефактов сжатия, но в то же время файл начинает толстеть очень сильно. Я пока решил использовать сжатие в 80 % для фотографии.

Для моего образца картинки была получена такая таблица соответствий размера фото от силы сжатия:

   ===========================
   ¦Сила¦ Размер¦Сила¦ Размер¦
   ---------------------------
   ¦   0¦  8 037¦  90¦ 85 650¦
   ¦  10¦ 12 836¦  91¦ 90 634¦
   ¦  20¦ 18 576¦  92¦ 95 241¦
   ¦  30¦ 23 876¦  93¦102 848¦
   ¦  40¦ 28 717¦  94¦113 071¦
   ¦  50¦ 33 217¦  95¦124 709¦
   ¦  60¦ 38 178¦  96¦143 649¦
   ¦  70¦ 45 485¦  97¦163 980¦
   ¦  80¦ 57 648¦  98¦190 919¦
   ¦  90¦ 85 650¦  99¦246 143¦
   ¦ 100¦301 205¦ 100¦301 205¦
   ===========================

Использование

При ссылании на изображение отсюда

Каталог графики и фотографии

Смотрите также индекс директории за текущим списком имеющихся картинок. Ниже оговорены некоторые из них.

Графика

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

Значки

Plain: просто гипертекст
Настоящий Баннер сайта. Можно использовать только при ссылании на этот веб-сайт. ALT="Plain: просто гипертекст".
Совместим с любой бумагой!
Значок предназначен для страниц, которые можно без затруднений распечатать. ALT="Совместим с любой бумагой!".
Редактирование текста в Редакторе
    строк в IBM ПК
Редактирование текста на естественном языке с помощью Редактора строк (в системе известный как EDLIN.COM) на IBM Персональном компьютере. В общем: редактирование текста.

Изображения

Таблица с графическими изображениями символов
Таблица с графическими изображениями символов. Последняя версия. Здесь растеризованы знаки гарнитуры Литературная (ГОСТ 3489.33-72), причём засечки были опущены. Так как каждый знак для соответствия по размерам печатным оригиналам (а сравнивал я рисуя версию для ручного набора версией для строко­отливного набора, так как книг, набранных ручным способом набора, у меня просто нет) на обыкновенном экране с небольшой плотностью точек для таких кеглей отрисован с довольно маленьким количеством точек вертикально и горизонтально, и относительно размеров знака каждая такая точка, составляющая знак, имеет довольно большой размер, так что засечки, займя эти точки, будут только портить удобочитаемость шрифта, поэтому от них я в этой таблице и отказался. В документе про таблицы символов можно увидеть эту же гарнитуру с сохранёнными засечками, где, как видите, знаки получились гораздо шире, чем они в оригинале. Разрабатывается вторая кодовая страница.
Схема диметрической проекций
Изображение сути диметрической проекции, нарисованная несколько давно (14/VI-20). Нарисована была просто так, а впоследствии была включена в моей самой первой веб-странице.

Диметрическая проекция: при отображении угол между вертикальным Z и горизонтальным X равняется 90°, между X и диагональным Y равняется 45° или 135°, а между Z и Y равняется 135° или 225°; когда по X и Z две разные точки при одинаковом удалении будут отбражены одинаково далеко, по Y они будут отображены с вдвое меньшим удалением

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

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

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

Двоичный двухбитный сумматор из четырёх полусумматоров,- исключительных дизьюнтаторов и коньютаторов,- из которых по два решают значение одного бита, где первый суммирует биты (исключительный дизьюнтатор), а второй (коньютатор) учитывает переполнение (когда оба входных бита равны 1 и/или результат и переполнение равны 1) из предыдущего, более младшего бита, получаемого или на входе первого полусумматора элементом И между двух входов ИЛИ на входе второго элементом И, тоже соединённого с одним входом и выходом переполнения предыдущего разряда; выход переполнения последнего сумматора может задавать соответствующий флаг АЛУ.

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

Фоновые изображения

Эти изображения были созданы для использования на веб-страницах в качестве фоновых мозаек. Откат до HTML 2.0 сделал их бесполезными и поэтому их больше не будет.

Мозайка для придания фону цвета слегка
    жёлтой бумаги
Мозайка для придания фону цвета слегка жёлтой бумаги.

Фотографии

Образец картинки
Это некоторая фотография сельской местности, снятой где-то на территории ПГТ Кировский 22 июня 2020 года, с порядковым номером 6319. Эта картинка была представлена, чтобы показать обыкновенный левый вид на местность, которая присутствует вокруг простой тропинки. Теперь она используется как фотография по умолчанию. Эта же фотография в формате GIF является старейшей фотографией на сайте и одной из двух наиболее долго нетронутых файлов здесь вместе с документом «Адресные пространства FAT».

Другая графика

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