Участник:Vcohen/Шаблоны схем метро: различия между версиями

Материал из Википедии — свободной энциклопедии
Перейти к навигации Перейти к поиску
Содержимое удалено Содержимое добавлено
м откат правок Vcohen (обс) к версии Kononenko Alex
отмена правки 60823258 участника Kononenko Alex (обс) ты чего? :^)
Строка 48: Строка 48:
=== Все файлы ===
=== Все файлы ===


{| class="wikitable"
{| class="wikitable" style="background-color:lightblue;"
|-
|-
|станция с остановкой на всех путях;<br>станция со сквозными путями;<br>обозначение текущей станции
|станция с остановкой на всех путях;<br>станция со сквозными путями;<br>обозначение текущей станции;<br>ссылка на статью, но не про станцию
|[[File:SMicon O.png]] '''O'''
|[[File:SMicon O.svg]] '''O'''
|[[File:SMicon OO.png]] '''OO'''
|[[File:SMicon OO.svg]] '''OO'''
|[[File:SMicon Cur.png]] '''Cur'''
|[[File:SMicon Cur.svg]] '''Cur'''
|[[File:SMicon OQ.svg]] '''OQ'''
|
|-
|-
|прямой участок линии, пересечение линий
|прямой участок линии, пересечение линий
|[[File:SMicon NS.png]] '''NS'''
|[[File:SMicon NS.svg]] '''NS'''
|[[File:SMicon WE.png]] '''WE'''
|[[File:SMicon WE.svg]] '''WE'''
|[[File:SMicon X.png]] '''X'''
|[[File:SMicon X.svg]] '''X'''
|
|
|-
|-
|изогнутый участок линии
|изогнутый участок линии
|[[File:SMicon NE.png]] '''NE'''
|[[File:SMicon NE.svg]] '''NE'''
|[[File:SMicon SE.png]] '''SE'''
|[[File:SMicon SE.svg]] '''SE'''
|[[File:SMicon SW.png]] '''SW'''
|[[File:SMicon SW.svg]] '''SW'''
|[[File:SMicon NW.png]] '''NW'''
|[[File:SMicon NW.svg]] '''NW'''
|-
|-
|Т-образный перекресток
|Т-образный перекресток
|[[File:SMicon 3-N.png]] '''3-N'''
|[[File:SMicon 3-N.svg]] '''3-N'''
|[[File:SMicon 3-E.png]] '''3-E'''
|[[File:SMicon 3-E.svg]] '''3-E'''
|[[File:SMicon 3-S.png]] '''3-S'''
|[[File:SMicon 3-S.svg]] '''3-S'''
|[[File:SMicon 3-W.png]] '''3-W'''
|[[File:SMicon 3-W.svg]] '''3-W'''
|-
|-
|развилка на 3 направления
|развилка на 3 направления
|[[File:SMicon N-X.png]] '''N-X'''
|[[File:SMicon N-X.svg]] '''N-X'''
|[[File:SMicon E-X.png]] '''E-X'''
|[[File:SMicon E-X.svg]] '''E-X'''
|[[File:SMicon S-X.png]] '''S-X'''
|[[File:SMicon S-X.svg]] '''S-X'''
|[[File:SMicon W-X.png]] '''W-X'''
|[[File:SMicon W-X.svg]] '''W-X'''
|-
|-
|развилка налево и направо
|развилка налево и направо
|[[File:SMicon N-WE.png]] '''N-WE'''
|[[File:SMicon N-WE.svg]] '''N-WE'''
|[[File:SMicon E-NS.png]] '''E-NS'''
|[[File:SMicon E-NS.svg]] '''E-NS'''
|[[File:SMicon S-WE.png]] '''S-WE'''
|[[File:SMicon S-WE.svg]] '''S-WE'''
|[[File:SMicon W-NS.png]] '''W-NS'''
|[[File:SMicon W-NS.svg]] '''W-NS'''
|-
|-
|развилка прямо и налево
|развилка прямо и налево
|[[File:SMicon N-SE.png]] '''N-SE'''
|[[File:SMicon N-SE.svg]] '''N-SE'''
|[[File:SMicon E-WS.png]] '''E-WS'''
|[[File:SMicon E-WS.svg]] '''E-WS'''
|[[File:SMicon S-NW.png]] '''S-NW'''
|[[File:SMicon S-NW.svg]] '''S-NW'''
|[[File:SMicon W-EN.png]] '''W-EN'''
|[[File:SMicon W-EN.svg]] '''W-EN'''
|-
|-
|развилка прямо и направо
|развилка прямо и направо
|[[File:SMicon N-SW.png]] '''N-SW'''
|[[File:SMicon N-SW.svg]] '''N-SW'''
|[[File:SMicon E-WN.png]] '''E-WN'''
|[[File:SMicon E-WN.svg]] '''E-WN'''
|[[File:SMicon S-NE.png]] '''S-NE'''
|[[File:SMicon S-NE.svg]] '''S-NE'''
|[[File:SMicon W-ES.png]] '''W-ES'''
|[[File:SMicon W-ES.svg]] '''W-ES'''
|-
|-
|прямой переход
|прямой переход
|[[File:SMicon T-WE.png]] '''T-WE'''
|[[File:SMicon T-WE.svg]] '''T-WE'''
|[[File:SMicon T-NS.png]] '''T-NS'''
|[[File:SMicon T-NS.svg]] '''T-NS'''
|
|
|
|
|-
|-
|изогнутый переход
|изогнутый переход
|[[File:SMicon T-NE.png]] '''T-NE'''
|[[File:SMicon T-NE.svg]] '''T-NE'''
|[[File:SMicon T-SE.png]] '''T-SE'''
|[[File:SMicon T-SE.svg]] '''T-SE'''
|[[File:SMicon T-SW.png]] '''T-SW'''
|[[File:SMicon T-SW.svg]] '''T-SW'''
|[[File:SMicon T-NW.png]] '''T-NW'''
|[[File:SMicon T-NW.svg]] '''T-NW'''
|}
|}
<!--

А это файлы, которые скорее всего использоваться не будут. Конфигурации путей слишком разнообразны, поэтому сами пути придется обозначать без различения экспрессов и обычных, а единственным обозначением наличия экспресс-поездов будет станция с точкой внутри (файл OO).
А это файлы, которые скорее всего использоваться не будут. Конфигурации путей слишком разнообразны, поэтому сами пути придется обозначать без различения экспрессов и обычных, а единственным обозначением наличия экспресс-поездов будет станция с точкой внутри (файл OO).


Строка 139: Строка 139:
|
|
|}
|}
-->


=== Примечания ===
=== Примечания ===
# Эта серия шаблонов принимает описание цвета через параметры, в самих файлах нет никаких цветов, кроме розового цвета, который воспринимается как фон схемы. Поэтому есть возможность строить схемы для любых городов с любыми цветами, даже если код цвета в свою очередь задается через шаблон. Платой за эту гибкость служит необходимость включить распечатку фона при распечатывании схем, построенных таким образом.
# Эта серия шаблонов принимает описание цвета через параметры, в самих файлах нет никаких цветов, кроме белого цвета, который воспринимается как фон схемы. Поэтому есть возможность строить схемы для любых городов с любыми цветами, даже если код цвета в свою очередь задается через шаблон. Платой за эту гибкость служит необходимость включить распечатку фона при распечатывании схем, построенных таким образом.
# Следует не путать пересадочную станцию, обозначаемую полосатым кружком, и две станции с переходом между ними. При этом для пересадочного узла, состоящего из нескольких соединенных станций, не обязательно показывать, какая станция с какой соединена и какая с какой нет, - достаточно произвольным образом связать все нужные станции между собой.
# Следует не путать пересадочную станцию, обозначаемую полосатым кружком, и две станции с переходом между ними. При этом для пересадочного узла, состоящего из нескольких соединенных станций, не обязательно показывать, какая станция с какой соединена и какая с какой нет, - достаточно произвольным образом связать все нужные станции между собой.
# Каждый из шаблонов образует ячейку таблицы, начиная с символа |. Начало таблицы (и еще кое-что) создается шаблоном SM before, а конец (и еще кое-что) шаблоном SM after. Схема состоит из шаблонов в следующем порядке:
# Каждый из шаблонов образует ячейку таблицы, начиная с символа |. Начало таблицы (и еще кое-что) создается шаблоном SM before, а конец (и еще кое-что) шаблоном SM after. Схема состоит из шаблонов в следующем порядке:
Строка 989: Строка 990:
|-
|-
{{SM empty|1}}
{{SM empty|1}}
{{SM smart|navy|text=Томпкинсвилл|link=Томпкинсвилл (станция Staten Island Railway)}}
{{SM smart|navy|text=Томпкинсвилл|link=Томпкинсвилл (станция Staten Island Railway)|type=O}}
{{SM empty|7}}
{{SM empty|7}}
|-
|-
{{SM empty|1}}
{{SM empty|1}}
{{SM smart|navy|text=Стейплтон|link=Стейплтон (станция Staten Island Railway)}}
{{SM smart|navy|text=Стейплтон|link=Стейплтон (станция Staten Island Railway)|type=O}}
{{SM empty|7}}
{{SM empty|7}}
|-
|-
{{SM empty|1}}
{{SM empty|1}}
{{SM smart|navy|text=Клифтон|link=Клифтон (станция Staten Island Railway)}}
{{SM smart|navy|text=Клифтон|link=Клифтон (станция Staten Island Railway)|type=O}}
{{SM empty|7}}
{{SM empty|7}}
|-
|-
{{SM empty|1}}
{{SM empty|1}}
{{SM smart|navy|text=Грасмир|link=Грасмир (станция Staten Island Railway)}}
{{SM smart|navy|text=Грасмир|link=Грасмир (станция Staten Island Railway)|type=O}}
{{SM empty|7}}
{{SM empty|7}}
|-
|-
{{SM empty|1}}
{{SM empty|1}}
{{SM smart|navy|text=Олд-Таун|link=Олд-Таун (станция Staten Island Railway)}}
{{SM smart|navy|text=Олд-Таун|link=Олд-Таун (станция Staten Island Railway)|type=O}}
{{SM empty|7}}
{{SM empty|7}}
|-
|-
{{SM empty|1}}
{{SM empty|1}}
{{SM smart|navy|text=Донган-Хилс|link=Донган-Хилс (станция Staten Island Railway)}}
{{SM smart|navy|text=Донган-Хилс|link=Донган-Хилс (станция Staten Island Railway)|type=O}}
{{SM empty|7}}
{{SM empty|7}}
|-
|-
{{SM empty|1}}
{{SM empty|1}}
{{SM smart|navy|text=Джефферсон-ав.|link=Джефферсон-авеню (станция Staten Island Railway)}}
{{SM smart|navy|text=Джефферсон-ав.|link=Джефферсон-авеню (станция Staten Island Railway)|type=O}}
{{SM empty|7}}
{{SM empty|7}}
|-
|-
{{SM empty|1}}
{{SM empty|1}}
{{SM smart|navy|text=Грант-Сити|link=Грант-Сити (станция Staten Island Railway)}}
{{SM smart|navy|text=Грант-Сити|link=Грант-Сити (станция Staten Island Railway)|type=O}}
{{SM empty|7}}
{{SM empty|7}}
|-
|-
{{SM empty|1}}
{{SM empty|1}}
{{SM smart|navy|text=Нью-Дорп|link=Нью-Дорп (станция Staten Island Railway)}}
{{SM smart|navy|text=Нью-Дорп|link=Нью-Дорп (станция Staten Island Railway)|type=O}}
{{SM empty|7}}
{{SM empty|7}}
|-
|-
{{SM empty|1}}
{{SM empty|1}}
{{SM smart|navy|text=Оквуд-Хайтс|link=Оквуд-Хайтс (станция Staten Island Railway)}}
{{SM smart|navy|text=Оквуд-Хайтс|link=Оквуд-Хайтс (станция Staten Island Railway)|type=O}}
{{SM empty|7}}
{{SM empty|7}}
|-
|-
{{SM empty|1}}
{{SM empty|1}}
{{SM smart|navy|text=Бей-Террас|link=Бей-Террас (станция Staten Island Railway)}}
{{SM smart|navy|text=Бей-Террас|link=Бей-Террас (станция Staten Island Railway)|type=O}}
{{SM empty|7}}
{{SM empty|7}}
|-
|-
Строка 1065: Строка 1066:
|-
|-
{{SM empty|1}}
{{SM empty|1}}
{{SM smart|white|text=Артур-Килл-роуд|link=Артур-Килл-роуд (станция Staten Island Railway)}}
{{SM smart|lightblue|text=Артур-Килл|link=Артур-Килл (станция Staten Island Railway)}}
{{SM empty|7}}
{{SM empty|7}}
|-
|-
Строка 1193: Строка 1194:
{{SM empty|3}}
{{SM empty|3}}
{{SM pic|black|NE}}
{{SM pic|black|NE}}
{{SM smart|red|green|yellow|text=2/3|link=Терминалы 2/3 (станция аэроэкспресса)|X=1|side=left}}
{{SM smart|red|green|yellow|text=2|link=Терминал 2 (станция аэроэкспресса)|X=1|side=left}}
{{SM pic|black|NW}}
{{SM pic|black|NW}}
{{SM empty|1}}
{{SM empty|1}}
Строка 1213: Строка 1214:
|-
|-
|colspan="2"|
|colspan="2"|
=== Нью-Йорк ===
=== Нью-Йорк от [[User:Kononenko Alex|Kononenko Alex]] ===
(и самая малость моей правки)
{{Nav Нью-Йоркский метрополитен}}
{{Nav Нью-Йоркский метрополитен}}
|}
|}
Строка 1219: Строка 1221:
== Что надо доделать ==
== Что надо доделать ==


=== Сделано ===
#Оптимизировать код. Схема для Москвы весит около 140K, т.е. почти 1K на станцию, это надо уменьшить на порядок. <big>'''•••'''</big> Довел до 110, и пока всё.
#Заменить вычисление надписи на ее прямую передачу через параметр. Функции работы со строками едят ресурсы. {{done}}
* Заменить вычисление надписи на ее прямую передачу через параметр. Функции работы со строками едят ресурсы. {{done}}, заодно на схеме Нью-Йорка добавлены к надписям обозначения маршрутов
#Перевести файлы в svg и заменить фон на белый. Привести все цвета линий к стандартным.
* Перевести файлы в svg и заменить фон на белый. {{done}}, большое спасибо [[User:Hellerick|Hellerick]]
* Привести все цвета линий к стандартным. {{done}}

#Придумать более внятное обозначение для текущей станции.
=== Пока не сделано ===
* Показать названия на том варианте схемы, где их нет. {{done}} почти, надпись показывается только при поиске в браузере, но пока с проблемами...
* Придумать более внятное обозначение для текущей станции.

=== Не сделано и скорее всего не будет ===
* Оптимизировать код. Сейчас на примере схемы Москвы получается примерно 200K на примерно 200 ссылок, т.е. 1K на станцию, и это надо уменьшить на порядок.
:* Во-первых, это вряд ли возможно. Один кружочек со ссылкой на статью в результирующем HTML'е выглядит так:
&lt;a href="/ruwiki/wiki/<span style="color:red;">%D0%9A%D1%80%D1%8B%D0%BB%D0%B0%D1%82%D1%81%D0%BA%D0%BE%D0%B5_</span>
<span style="color:red;">(%D1%81%D1%82%D0%B0%D0%BD%D1%86%D0%B8%D1%8F_%D0%BC%D0%B5%D1%82%D1%80%D0%BE)</span>" title="Крылатское"&gt;&lt;img alt=""
src="<span style="color:red;">/upwiki/wikipedia/commons/thumb/9/97/SMicon_O.svg/20px-SMicon_O.svg.png</span>" width="20" height="20"
srcset="<span style="color:red;">/upwiki/wikipedia/commons/thumb/9/97/SMicon_O.svg/30px-SMicon_O.svg.png</span> 1.5x,
<span style="color:red;">/upwiki/wikipedia/commons/thumb/9/97/SMicon_O.svg/40px-SMicon_O.svg.png</span> 2x" /&gt;&lt;/a&gt;
:: Здесь первый выделенный кусок текста является ссылкой на статью, а три следующих ссылками на три версии графического файла. Всё генерится автоматически, и это уже 0,5K, и уменьшить это нельзя.
:* Во-вторых, я не уверен, что это является проблемой.
::* Во-вторых-первых, обнаружилась [[:Категория:Страницы, для которых превышен допустимый размер включаемых шаблонов]]. В нее входят некоторые страницы, на которых расположены схемы, построенные на основе BSicons (а именно: [[Википедия:Шаблоны/Навигационные/Метро]], [[Участник:Mor/Метрошаблоны]], [[Большое кольцо Московской железной дороги]]). А эта страница в нее не входит, хотя здесь суммарное количество станций гораздо больше, чем там.
::* Во-вторых-вторых, схема Московского метро, которая стоит в статье (причем не сам файл, а всего лишь превьюшка, на которой не то что кликнуть по конкретной станции, даже разглядеть ничего нельзя) весит 74K. Поэтому полагаю, что 200K для полноценной интерактивной схемы очень даже немного.

Версия от 12:17, 18 января 2014

Пояснения

Вот категория с шаблонами.

Описание синтаксиса шаблонов

  • SM pic - рисует элемент линии или переход между станциями (когда две разных станции связаны переходом) и принимает параметры:
    • 1 - цвет (по умолчанию черный)
    • 2 - конфигурация - возможные варианты соответствуют списку существующих файлов, например файлу SMicon S-X.png соответствует значение параметра S-X; не рекомендуется использовать значения O и X, потому что для этих двух файлов есть более развитые шаблоны SM dot и SM cross соответственно
  • SM dot - рисует кружок, обозначающий станцию (одна станция может обслуживать несколько линий) и раскрашенный горизонтальными полосками в разные цвета, и принимает параметры:
    • 1..5 - до 5 цветов
    • link - название статьи, на которую этот кружок должен служить линком (рекомендуется делать линки и здесь, и через текст, см. ниже, либо только через текст); если это текущая статья, то вокруг кружка будет нарисован черный контур
    • type - разновидность кружка (продолжение имени файла после буквы O, по умолчанию самый простой кружок без продолжения имени)
    • title - текст всплывающей подсказки
  • SM dotv - точно как SM dot, но полоски не горизонтальные, а вертикальные
  • SM cross - изображает пересечение двух линий и принимает параметры:
    • 1 - цвет "задней" линии
    • 2 - идет ли "передняя" линия вертикально или горизонтально (буква V или H)
    • 3 - цвет "передней" линии
    • type - разновидность пересечения (продолжение имени файла после буквы X, по умолчанию самое простое пересечение без продолжения имени)
  • SM text - изображает текст и принимает параметры:
    • 1 - цвет текста
    • 2 - сам текст
    • 3 - выравнивание текста - left (по умолчанию) или right
    • 4 - ширина ячейки в пикселях и т.п., например 100px (как правило можно не задавать)
    • link - название статьи, на которую этот текст должен служить линком
    • td - дополнительное форматирование для ячейки таблицы, которую строит шаблон, например colspan=3
  • SM empty - создает пустую клетку таблицы и принимает один параметр:
    • 1 - ширина клетки в столбцах (для HTML-параметра colspan). Если параметр не задан, шаблон не возвращает ничего; даже значение 1 надо задавать явно; это требуется для корректной работы шаблона при его вызове из SM smart
  • SM smart - соединяет в себе SM dot, SM text и SM empty, изображая станцию и подпись при ней, и принимает параметры:
    • 1..5 - до 5 цветов (если цвет всего один, то им же пишется и подпись; если больше, то подпись пишется черным)
    • link - название статьи, на которую строится линк; линк появляется и у кружка, и у подписи
    • text - текст подписи; подпись строится поверх таблицы и не занимает отдельных клеток; для отмены текста надо задать параметр side=none; тот же текст появляется и в качестве всплывающей подсказки
    • type - разновидность кружка
    • side - с какой стороны от кружка находится текст - right (по умолчанию), left или none
    • X - смещение подписи вправо в столбцах при side=right или влево при side=left (начальное положение 10 пикселей от кружка до ближайшего конца подписи)
    • Y - смещение подписи вниз в строках (может быть отрицательным; начальное положение подписи в одной строке с кружком)
    • dir - можно поставить значение v, чтобы полоски у кружка шли по вертикали
  • SM head - предназначен для первой строки таблицы. Рисует клетки, задающие форматирование для всех последующих строк. Поддерживает до 10 клеток; если нужно больше, то надо поставить этот шаблон несколько раз подряд. Шаблон принимает один параметр:
    • 1 - количество клеток (по умолчанию 10)
  • SM before - ставится в самом начале схемы, когда она оформляется как отдельный шаблон, и принимает параметры:
    • 1 - продолжение текста заголовка после слова "Станции" (например: "Московского метрополитена")
    • 2 - CSS style для внешнего div'а шаблона
    • 3 - CSS style для таблицы, образующей собственно схему
  • SM after - ставится в самом конце схемы, когда она оформляется как отдельный шаблон
  • SM call - вызывает одну из схем, построенных при помощи вышеописанных шаблонов, и принимает параметры:
    • 1 - название шаблона со схемой
    • side - left или (по умолчанию) right, с какой стороны страницы должен быть показан шаблон

Все файлы

станция с остановкой на всех путях;
станция со сквозными путями;
обозначение текущей станции;
ссылка на статью, но не про станцию
O OO Cur OQ
прямой участок линии, пересечение линий NS WE X
изогнутый участок линии NE SE SW NW
Т-образный перекресток 3-N 3-E 3-S 3-W
развилка на 3 направления N-X E-X S-X W-X
развилка налево и направо N-WE E-NS S-WE W-NS
развилка прямо и налево N-SE E-WS S-NW W-EN
развилка прямо и направо N-SW E-WN S-NE W-ES
прямой переход T-WE T-NS
изогнутый переход T-NE T-SE T-SW T-NW

Примечания

  1. Эта серия шаблонов принимает описание цвета через параметры, в самих файлах нет никаких цветов, кроме белого цвета, который воспринимается как фон схемы. Поэтому есть возможность строить схемы для любых городов с любыми цветами, даже если код цвета в свою очередь задается через шаблон. Платой за эту гибкость служит необходимость включить распечатку фона при распечатывании схем, построенных таким образом.
  2. Следует не путать пересадочную станцию, обозначаемую полосатым кружком, и две станции с переходом между ними. При этом для пересадочного узла, состоящего из нескольких соединенных станций, не обязательно показывать, какая станция с какой соединена и какая с какой нет, - достаточно произвольным образом связать все нужные станции между собой.
  3. Каждый из шаблонов образует ячейку таблицы, начиная с символа |. Начало таблицы (и еще кое-что) создается шаблоном SM before, а конец (и еще кое-что) шаблоном SM after. Схема состоит из шаблонов в следующем порядке:
    • SM before
    • SM head нужное число раз в соответствии с шириной таблицы
    • строки таблицы, начинающиеся с |- каждая
    • SM after
  4. Для схемы с надписями: если ячейка образована шаблоном SM text без текста, то можно внутрь ее (просто следующими строчками под этим шаблоном) вставить вложенную таблицу, образованную по тем же правилам.

Примеры

Абстрактная проба пера

Центр Минска

Центр Санкт-Петербурга

Версия от Kononenko Alex

Схемы с подписями

SIR

PATH

AirTrain JFK

Схемы без подписей

(но каждый кружок - линк на статью)

Москва

Шаблон:Nav Московский метрополитен

Питер

Шаблон:Nav Петербургский метрополитен

Нью-Йорк от Kononenko Alex

(и самая малость моей правки) Шаблон:Nav Нью-Йоркский метрополитен

Что надо доделать

Сделано

  • Заменить вычисление надписи на ее прямую передачу через параметр. Функции работы со строками едят ресурсы. ✔ Сделано, заодно на схеме Нью-Йорка добавлены к надписям обозначения маршрутов
  • Перевести файлы в svg и заменить фон на белый. ✔ Сделано, большое спасибо Hellerick
  • Привести все цвета линий к стандартным. ✔ Сделано

Пока не сделано

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

Не сделано и скорее всего не будет

  • Оптимизировать код. Сейчас на примере схемы Москвы получается примерно 200K на примерно 200 ссылок, т.е. 1K на станцию, и это надо уменьшить на порядок.
  • Во-первых, это вряд ли возможно. Один кружочек со ссылкой на статью в результирующем HTML'е выглядит так:
<a href="/ruwiki/wiki/%D0%9A%D1%80%D1%8B%D0%BB%D0%B0%D1%82%D1%81%D0%BA%D0%BE%D0%B5_
(%D1%81%D1%82%D0%B0%D0%BD%D1%86%D0%B8%D1%8F_%D0%BC%D0%B5%D1%82%D1%80%D0%BE)" title="Крылатское"><img alt=""
src="/upwiki/wikipedia/commons/thumb/9/97/SMicon_O.svg/20px-SMicon_O.svg.png" width="20" height="20"
srcset="/upwiki/wikipedia/commons/thumb/9/97/SMicon_O.svg/30px-SMicon_O.svg.png 1.5x,
/upwiki/wikipedia/commons/thumb/9/97/SMicon_O.svg/40px-SMicon_O.svg.png 2x" /></a>
Здесь первый выделенный кусок текста является ссылкой на статью, а три следующих ссылками на три версии графического файла. Всё генерится автоматически, и это уже 0,5K, и уменьшить это нельзя.
  • Во-вторых, я не уверен, что это является проблемой.