Вставка картинок

[Munin]

Можно ли сделать на форуме вставку картинок в формате svg?
В Википедии уже довольно много таких картинок, а вставлять их не получается. "Не удалось определить размеры изображения". Можно их как-то насильственно к какому-то размеру приводить.

Кстати, и другие изображения не вставляются, если шире 800 пикселей. Можно было бы их вставлять, но уменьшать, позволяя по клику посмотреть в полный масштаб.

Ограничения происходят из двух идей:
1. Не грузить картинки, которые "сломают" дизайн форума.
2. Не грузить картинки, слишком большие по размеру файла.
Для 1 есть уже нормальные средства, для 2 - может быть, можно грузить слишком большие картинки по запросу, или добавить ограничение на размер файла (порядка мегабайта, я полагаю). В любом случае, актуальность идеи 2 постепенно устаревает, по мере того, как интернет везде становится всё шире и шире.

(3. Вирусоопасность картинок - это уже связано с разными форматами файлов.
Svg, вроде, безопасен.)

[Red_Herring]

Munin в сообщении #851708 писал(а):

Можно ли сделать на форуме вставку картинок в формате svg?
В Википедии уже довольно много таких картинок, а вставлять их не получается. "Не удалось определить размеры изображения". Можно их как-то насильственно к какому-то размеру приводить.

Для SM2 (Simple Machines Forum) существует очень простой hack (mod) позволяющий картинки в формате svg:

http://custom.simplemachines.org/mods/index.php?mod=2388

Испытано:

http://forum.math.toronto.edu/index.php?topic=376.0

Наверняка подобная модификация возможна для phpbb

[temp03]

Протестил:
http://upload.wikimedia.org/wikipedia/e ... _white.svg

Проблема видимо в том что GD не понимает svg.

Решение видится так:

Цитата:

The thing is: SVG images don't have a "size" in the sense you are probably thinking of. On the other hand, they DO have a height-to-with ratio.

This ratio can usually be found in the viewBox attribute.

If, on the other hand, the viewBox attribute is not present on the root SVG element, the image ratio is highly nontrivial to determine.

[Red_Herring]

temp03 в сообщении #853200 писал(а):

Протестил:
http://upload.wikimedia.org/wikipedia/e ... _white.svg

Разумеется, на википедии можно помещать svg файлы и я это делал. Но то что Вы называете тестом показывает лишь что можно помещать отдельный файл, а вовсе не вложенный в страницу (что я делал неоднократно). Для форума разница—аттачмент и картинка. И если администратор форума разрешает аттачмент определенного типа и размера, то этот аттачмент будет помещен. Картинка же должна быть окружена специальными html тагами <image> </image> или <object> </object>.

[temp03]

Red_Herring, в общем сделать можно так как я написал выше.

[Munin]

А чё админы-то молчат?

[Red_Herring]

temp03 в сообщении #853221 писал(а):

Red_Herring, в общем сделать можно так как я написал выше.

Вики все таки не вкладывает svg файлы в нормальные страницы, а превращает их в png, которые и вкладывает. А на страницах File: она действительно помещает svg.

Сравните: на https://en.wikipedia.org/wiki/GNUi/GNU картинка в png, а на https://en.wikipedia.org/wiki/File:Heckert_GNU_white.svg она уже в svg.

[temp03]

Red_Herring
Понял Вас. Посмотрел http://upload.wikimedia.org/wikipedia/e ... _white.svg в Developer tools Chrome 30. Увидел:

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="535" height="523">
<path fill="#fff" d="M 91.5,309 C 91.5,308.997 63.186,315.296 63.186,315.296 C 63.186,315.296 79.883,289.361 79.883,289.361 C 79.883,289.361 99,245.989 99,245.989 C 99,245.989 41.794,221.051 41.794,221.051 C 41.794,221.051 6.661,165.673 6.661,165.673 C 6.661,165.673 2.307,95.593 2.307,95.593 C 2.307,95.593 28.872,40.44 28.872,40.44 C 28.872,40.44 84.242,6.375 84.242,6.375 C 84.242,6.375 153.15,2.751 153.15,2.751 C 153.15,2.751 195.162,23.911 195.162,23.911 ........... 12.915l-6.773,11.82l9.011,5.88l-2.044,18.998l12.532,3.158l2.823,14.093 l13.656-1.419l8.484,9.656l10.486-10.239c19.116-9.532,26.988-14.864,41.886-30.977c16.959-18.343,26.679-35.302,49.269-47.861 c16.202-9.008,29.417-12.25,47.617-9.105c17.088,2.952,22.81,13.202,35.395,24c1.334-2.415,1.605-3.055,3.803-4.833 C280.604,107.342,279.508,110.595,279.229,113.611z"/>
</svg>

т.е. через xml-формат.
я ни разу не спец по svg-формату. Просто увидел темку, протестил, заработало на моей тестовой машине.
К сожалению ничего не могу сказать насчёт кроссбраузерности этого решения. Может действительно, на IE7 или в Opera 11 работать не будет.

(Оффтоп)

Хотя в принципе xml-формат универсален, должно работать везде

[Red_Herring]

temp03 в сообщении #853231 писал(а):

Red_Herring
К сожалению ничего не могу сказать насчёт кроссбраузерности этого решения. Может действительно, на IE7 или в Opera 11 работать не будет.

(Оффтоп)

Хотя в принципе xml-формат универсален, должно работать везде

Давным давно не все браузеры понимали svg или pdf (причем это зависело от того, отдельный этот документ или вложенный в html). Теперь вкладывать pdf я бы не стал, поскольку plugin поднимает вопрос о доверии, и это раздражает.

Опера 17 и Хром 34 понимают вложенный svg, по крайней мере на Маке. То же с Firefox ... но сейчас некоторые браузеры отброцили свои старые движки и стали использовать WebKit (который изначально использовали Сафари и Хром, а вот Опера присоединилась).

[cepesh]

Поддержка svg была бы интересна, только мне не совсем понятно, как быть с размером картинок? Что будет происходить, если просто использовать тег <img> без форсированного указания размеров? Будет ли это поведение одинаковым в разных браузерах, в том числе мобильных?

[temp03]

cepesh, ну вы же у себя такую проверку осуществляете? Видимо, чтобы не постили картинки свыше X на Y.
В xml-ском варианте svg в самом верху тэга указаны width и height. На размеры самого изображения это не влияет, потому что оно в векторной форме, а вот окно вывода - сокращает. Работает также как canvas примерно.

-- Ср апр 23, 2014 13:22:10 --

На мобильных браузерах надо тестить. Но вообще svg- мне понравился, как вообще всё векторное.

[Red_Herring]

cepesh в сообщении #853330 писал(а):

Поддержка svg была бы интересна, только мне не совсем понятно, как быть с размером картинок? Что будет происходить, если просто использовать тег <img> без форсированного указания размеров? Будет ли это поведение одинаковым в разных браузерах, в том числе мобильных?

Я проверил разные svg окружая их [img] или [svg] тагами (соответственно <img> и <object> и протестировал Apple Safari, Google Chrome, Maxthon, Opera, Firefox на MacOSX (все последние релизы) и Сафари на iPad 1

http://forum.math.toronto.edu/index.php?topic=376.msg1614#msg1614

На Маке: все одинаково (в натуральную величину)

На iPad: img дает в натуральную величину, svg тоже, но делает обрезание

Однако я испытывал на SMF2 форуме, не нас phpbb как этот

-- 23.04.2014, 04:32 --

temp03 в сообщении #853335 писал(а):

cepesh
Но вообще svg- мне понравился, как вообще всё векторное.

Есть, кстати freeware pdf2svg и svg2pdf с CLI (command line interface). Впрочем, можно и через inkscape (тоже freeware).

При преобразовании векторных в векторное ни ImageMagick, ни его ответвление GraphicMagick использовать не следует (растеризуется)

[temp03]

Red_Herring, спасибо большое!

[Red_Herring]

Я еще добавил к указанной выше svg коллекции всем известного в формате eps тигра

[B@R5uk]

Есть какие-нибудь продвижения с вставкой svg-картинок на форум? А то сообразил тут граф группы, чтобы задать вопрос, а вставить могу только ссылку на картинку.