xmoonlight

1. Шрифт не менее 16-го, обычный или жирный.
2. Фон - монотонный, без узора.
3. Высокий контраст цветов шрифта и фона.
4. Контуры - не "размытые".
5. Искажения - только поворот плоскости.
6. Минимальное сжатие.

<text xmlns="http://www.w3.org/2000/svg" x="2407" y="1692" class="fil3 str1 fnt0">Stringers</text>
<text xmlns="http://www.w3.org/2000/svg" x="6850" y="1692" class="fil4 str2 fnt0">Hub</text>

https://www.w3.org/TR/SVG2/text.html

1. пропишите поведение IMG-контейнера: right:0;bottom:0;
2. https://developer.mozilla.org/ru/docs/Web/CSS/tran...
У img: transform-origin: bottom right;

1. Затемнение углов? Vignette ? можно.
2. Если полноцветные дома:

• без фона
  
• с фоном, который везде одинаковый
  
• фон есть отдельно
  

...можно.

1. Самое простое - Watermark.
2. Сложнее - частичная доставка с сервера выбранной области изображения с шифрованием и расшифровкой на клиенте, и никогда не отображать изображение целиком. (т.е. типа контейнера со скроллом внутри канваса по аналогии с гугл-мапс).
3. Хардкорный стиль - Adobe Flash Application!
4. "Puzzle" - "хаотичная" (только с виду!) динамическая нарезка в режиме спрайт-карты и сборка через js. Формула - тоже разная каждый раз.
5. "Калька" - многослойное изображение из нескольких с альфа-каналом (с прозрачностью)
6. Класть изображение в JS-контейнер на серверной стороне, помещая в него метод отображения с привязкой к IP и браузеру клиента, и ровно на 15 секунд (чтобы загрузил и всё) и бинарные шифрованные данные, после загрузки скрипта у клиента - запрашивать токен с сервера на расшифровку данных.
(методы можно комбинировать)

Просто прелестный скрипт для этой задачи: www.fmwconcepts.com/imagemagick/mapcolors/index.php
Для красного цвета:

convert input.png -fill white -fuzz 10% +opaque "#FF0000" result.png

imagic
PhpThumb
GD2
Просмоторщик+batch-конвертер: irfanView