CINXE.COM

<!DOCTYPE html> <html lang="ru" dir="ltr" class="no-js"> <head> <meta charset="utf-8" /> <title>ru:images [DokuWiki]</title> <meta name="generator" content="DokuWiki"/> <meta name="theme-color" content="#008800"/> <meta name="robots" content="index,follow"/> <meta name="keywords" content="ru,images"/> <link rel="search" type="application/opensearchdescription+xml" href="/lib/exe/opensearch.php" title="DokuWiki"/> <link rel="start" href="/"/> <link rel="contents" href="/ru:images?do=index" title="Все страницы"/> <link rel="manifest" href="/lib/exe/manifest.php"/> <link rel="alternate" type="application/rss+xml" title="Недавние изменения" href="/feed.php"/> <link rel="alternate" type="application/rss+xml" title="Текущее пространство имён" href="/feed.php?mode=list&ns=ru"/> <link rel="edit" title="Править страницу" href="/ru:images?do=edit"/> <link rel="alternate" type="text/html" title="Простой HTML" href="/_export/xhtml/ru:images"/> <link rel="alternate" type="text/plain" title="вики-разметка" href="/_export/raw/ru:images"/> <link rel="canonical" href="https://www.dokuwiki.org/ru:images"/> <link rel="stylesheet" href="/lib/exe/css.php?t=dokuwiki&tseed=f1005bad3d81fc9c803c7f93d32a390e"/> <link rel="alternate" hreflang="en" href="https://www.dokuwiki.org/images"/> <link rel="alternate" hreflang="da" href="https://www.dokuwiki.org/da:images"/> <link rel="alternate" hreflang="de" href="https://www.dokuwiki.org/de:images"/> <link rel="alternate" hreflang="es" href="https://www.dokuwiki.org/es:images"/> <link rel="alternate" hreflang="fr" href="https://www.dokuwiki.org/fr:images"/> <link rel="alternate" hreflang="it" href="https://www.dokuwiki.org/it:images"/> <link rel="alternate" hreflang="ja" href="https://www.dokuwiki.org/ja:images"/> <link rel="alternate" hreflang="ko" href="https://www.dokuwiki.org/ko:images"/> <link rel="alternate" hreflang="nl" href="https://www.dokuwiki.org/nl:images"/> <link rel="alternate" hreflang="pl" href="https://www.dokuwiki.org/pl:images"/> <link rel="alternate" hreflang="pt-br" href="https://www.dokuwiki.org/pt-br:images"/> <link rel="alternate" hreflang="zh" href="https://www.dokuwiki.org/zh:images"/> <link rel="alternate" hreflang="x-default" href="https://www.dokuwiki.org/images"/> <script >var NS='ru';var JSINFO = {"plugins":{"edittable":{"default columnwidth":""}},"id":"ru:images","namespace":"ru","ACT":"show","useHeadingNavigation":0,"useHeadingContent":0};(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js" defer="defer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js" defer="defer"></script> <script src="/lib/exe/js.php?t=dokuwiki&tseed=f1005bad3d81fc9c803c7f93d32a390e&lang=ru" defer="defer"></script> <meta name="viewport" content="width=device-width,initial-scale=1" /> <link rel="shortcut icon" href="/lib/tpl/dokuwiki/images/favicon.ico" /> <link rel="apple-touch-icon" href="/lib/tpl/dokuwiki/images/apple-touch-icon.png" /> <meta name="verify-v1" content="OVxl3gsCv2MhZqh1cBQyl0JytWXSwXMjyvwc+4w3WtA=" /> <meta name="google-site-verification" content="YhTVK69hW94ZXUtc2zSLPxTkZKbZIn0zK67mz5WQB-E" />  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-83791-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-83791-1', { 'anonymize_ip': true }); </script> </head> <body> <div id="dokuwiki__site"><div id="dokuwiki__top" class="site dokuwiki mode_show tpl_dokuwiki showSidebar hasSidebar">  <header id="dokuwiki__header"><div class="pad group"> <div class="headings group"> <ul class="a11y skip"> <li><a href="#dokuwiki__content">Перейти к содержанию</a></li> </ul> <h1 class="logo"><a href="/start" accesskey="h" title="Домой [h]"><img src="/lib/tpl/dokuwiki/images/logo.png" width="64" height="64" alt="" /><span>DokuWiki</span></a></h1> <p class="claim">It's better when it's simple</p> </div> <div class="tools group">  <div id="dokuwiki__usertools"> <h3 class="a11y">Инструменты пользователя</h3> <ul> <li class="action login"><a href="/ru:images?do=login&sectok=" title="Войти" rel="nofollow"><span>Войти</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 17.25V14H3v-4h7V6.75L15.25 12 10 17.25M8 2h9a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-4h2v4h9V4H8v4H6V4a2 2 0 0 1 2-2z"/></svg></a></li> </ul> </div>  <div id="dokuwiki__sitetools"> <h3 class="a11y">Инструменты сайта</h3> <form action="/start" method="get" role="search" class="search doku_form" id="dw__search" accept-charset="utf-8"><input type="hidden" name="do" value="search" /><input type="hidden" name="id" value="ru:images" /><div class="no"><input name="q" type="text" class="edit" title="[F]" accesskey="f" placeholder="Найти" autocomplete="on" id="qsearch__in" value="" /><button value="1" type="submit" title="Найти">Найти</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form> <div class="mobileTools"> <form action="/doku.php" method="get" accept-charset="utf-8"><div class="no"><input type="hidden" name="id" value="ru:images" /><select name="do" class="edit quickselect" title="Инструменты"><option value="">Инструменты</option><optgroup label="Инструменты страницы"><option value="edit">Править страницу</option><option value="revisions">История страницы</option><option value="backlink">Ссылки сюда</option></optgroup><optgroup label="Инструменты сайта"><option value="recent">Недавние изменения</option><option value="media">Управление медиафайлами</option><option value="index">Все страницы</option></optgroup><optgroup label="Инструменты пользователя"><option value="login">Войти</option></optgroup></select><button type="submit">></button></div></form> </div> <ul> <li class="action recent"><a href="/ru:images?do=recent" title="Недавние изменения [r]" rel="nofollow" accesskey="r">Недавние изменения</a></li><li class="action media"><a href="/ru:images?do=media&ns=ru" title="Управление медиафайлами" rel="nofollow">Управление медиафайлами</a></li><li class="action index"><a href="/ru:images?do=index" title="Все страницы [x]" rel="nofollow" accesskey="x">Все страницы</a></li> </ul> </div> </div>  <div class="breadcrumbs"> <div class="trace"><span class="bchead">Вы посетили:</span> <span class="bcsep">•</span> <span class="curid"><bdi><a href="/ru:images" class="breadcrumbs" title="ru:images">images</a></bdi></span></div> </div> <hr class="a11y" /> </div></header> <div class="wrapper group">  <nav id="dokuwiki__aside" aria-label="Боковая панель"><div class="pad aside include group"> <h3 class="toggle">Боковая панель</h3> <div class="content"><div class="group"> <div class="notify">Этот перевод старее, чем <a href="/images" class="wikilink1">оригинальная страница</a>, и может быть неактуальным. Смотрите, что <a href="/images?do=diff&rev=1509313005" class="wikilink1">было изменено</a>.</div><div class="plugin_translation is-dropdown"><span class="title">Перевод этой страницы<sup><a href="/localization" class="wikilink1" title="localization" data-wiki-id="localization">?</a></sup>: </span><ul><li class="a"><a class="wikilink1" title="English" href="/images">English (en)</a></li><li class="a"><a class="wikilink2" title="|العربية" href="/ar:images">|العربية (ar)</a></li><li class="a"><a class="wikilink2" title="Català" href="/ca:images">Català (ca)</a></li><li class="a"><a class="wikilink2" title="Česky" href="/cs:images">Česky (cs)</a></li><li class="a"><a class="wikilink1" title="Dansk" href="/da:images">Dansk (da)</a></li><li class="a"><a class="wikilink1" title="Deutsch" href="/de:images">Deutsch (de)</a></li><li class="a"><a class="wikilink2" title="Ελληνικά" href="/el:images">Ελληνικά (el)</a></li><li class="a"><a class="wikilink2" title="Esperanto" href="/eo:images">Esperanto (eo)</a></li><li class="a"><a class="wikilink1" title="Español" href="/es:images">Español (es)</a></li><li class="a"><a class="wikilink2" title="فارسی" href="/fa:images">فارسی (fa)</a></li><li class="a"><a class="wikilink1" title="Français" href="/fr:images">Français (fr)</a></li><li class="a"><a class="wikilink2" title="עברית" href="/he:images">עברית (he)</a></li><li class="a"><a class="wikilink2" title="Magyar" href="/hu:images">Magyar (hu)</a></li><li class="a"><a class="wikilink1" title="Italiano" href="/it:images">Italiano (it)</a></li><li class="a"><a class="wikilink1" title="日本語" href="/ja:images">日本語 (ja)</a></li><li class="a"><a class="wikilink1" title="한국어" href="/ko:images">한국어 (ko)</a></li><li class="a"><a class="wikilink2" title="Lietuvių Kalba" href="/lt:images">Lietuvių Kalba (lt)</a></li><li class="a"><a class="wikilink1" title="Nederlands" href="/nl:images">Nederlands (nl)</a></li><li class="a"><a class="wikilink2" title="Norsk" href="/no:images">Norsk (no)</a></li><li class="a"><a class="wikilink1" title="Polski" href="/pl:images">Polski (pl)</a></li><li class="a"><a class="wikilink1" title="Português" href="/pt-br:images">Português (pt-br)</a></li><li class="a"><a class="wikilink2" title="Română" href="/ro:images">Română (ro)</a></li><li class="span"><span class="wikilink1" title="Русский">Русский (ru)</span></li><li class="a"><a class="wikilink2" title="Српски Језик" href="/sr:images">Српски Језик (sr)</a></li><li class="a"><a class="wikilink2" title="Svenska" href="/sv:images">Svenska (sv)</a></li><li class="a"><a class="wikilink2" title="ไทย" href="/th:images">ไทย (th)</a></li><li class="a"><a class="wikilink2" title="Українська" href="/uk:images">Українська (uk)</a></li><li class="a"><a class="wikilink1" title="中文" href="/zh:images">中文 (zh)</a></li><li class="a"><a class="wikilink2" title="繁體中文" href="/zh-tw:images">繁體中文 (zh-tw)</a></li></ul></div> <p> <strong>О «Докувики»</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/ru:features" class="wikilink1" title="ru:features" data-wiki-id="ru:features">Возможности</a> и <a href="/blogroll" class="wikilink1" title="blogroll" data-wiki-id="blogroll">обзоры</a></div> </li> <li class="level1"><div class="li"> <a href="/ru:install" class="wikilink1" title="ru:install" data-wiki-id="ru:install">Руководство по установке</a></div> </li> <li class="level1"><div class="li"> <a href="/ru:manual" class="wikilink1" title="ru:manual" data-wiki-id="ru:manual">Руководство пользователя</a> и <a href="/ru:wiki:syntax" class="wikilink1" title="ru:wiki:syntax" data-wiki-id="ru:wiki:syntax">синтаксис</a></div> </li> <li class="level1"><div class="li"> <a href="/ru:changes" class="wikilink1" title="ru:changes" data-wiki-id="ru:changes">Журнал изменений</a></div> </li> <li class="level1"><div class="li"> <a href="/ru:faq" class="wikilink1" title="ru:faq" data-wiki-id="ru:faq">ЧаВО</a></div> </li> </ul> <p> <strong>Дополнительные возможности</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/ru:extensions" class="wikilink1" title="ru:extensions" data-wiki-id="ru:extensions">Шаблоны и плагины</a></div> </li> <li class="level1"><div class="li"> <a href="/ru:development" class="wikilink1" title="ru:development" data-wiki-id="ru:development">Ресурсы для разработчиков</a></div> </li> </ul> <p> <strong>Для бизнеса</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/ru:faq:support" class="wikilink1" title="ru:faq:support" data-wiki-id="ru:faq:support">Сторонняя поддержка</a></div> </li> <li class="level1"><div class="li"> <a href="/ru:donate" class="wikilink1" title="ru:donate" data-wiki-id="ru:donate">Пожертвования</a></div> </li> </ul> <p> <strong>Наше сообщество</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/teams:getting_involved" class="wikilink1" title="teams:getting_involved" data-wiki-id="teams:getting_involved">Принять участие</a></div> </li> <li class="level1"><div class="li"> <a href="https://forum.dokuwiki.org/" class="urlextern" title="https://forum.dokuwiki.org/">Форум</a></div> </li> <li class="level1"><div class="li"> <a href="/mailinglist" class="wikilink1" title="mailinglist" data-wiki-id="mailinglist">Список рассылки для разработчиков</a></div> </li> </ul> <hr /> <p> Следуйте за нами на <a href="https://phpc.social/@dokuwiki" class="urlextern" title="https://phpc.social/@dokuwiki">Мастодоне</a> и других <a href="/ru:social" class="wikilink1" title="ru:social" data-wiki-id="ru:social">социальных сетях</a>. </p> <p> <a href="/privacy" class="wikilink1" title="privacy" data-wiki-id="privacy">Конфиденциальность</a> <em>(англ.)</em> </p> </div></div> </div></nav>  <main id="dokuwiki__content"><div class="pad group"> <div class="pageId"><span>ru:images</span></div> <div class="page group">   <div id="dw__toc" class="dw__toc"> <h3 class="toggle">Содержание</h3> <div> <ul class="toc"> <li class="level1"><div class="li"><a href="#работа_с_изображениями_и_медиафайлами">Работа с изображениями и медиафайлами</a></div> <ul class="toc"> <li class="level2"><div class="li"><a href="#изменение_размеров">Изменение размеров</a></div></li> <li class="level2"><div class="li"><a href="#поведение_при_клике">Поведение при клике</a></div></li> <li class="level2"><div class="li"><a href="#динамические_изображения">Динамические изображения</a></div></li> <li class="level2"><div class="li"><a href="#удаление_медиафайлов">Удаление медиафайлов</a></div></li> <li class="level2"><div class="li"><a href="#ссылки-изображения">Ссылки-изображения</a></div></li> <li class="level2"><div class="li"><a href="#кэширование">Кэширование</a></div></li> </ul></li> </ul> </div> </div>  <h1 class="sectionedit1" id="работа_с_изображениями_и_медиафайлами">Работа с изображениями и медиафайлами</h1> <div class="level1"> <p> Вы можете загружать и включать в статьи «<a href="/ru:dokuwiki" class="wikilink1" title="ru:dokuwiki" data-wiki-id="ru:dokuwiki">Докувики</a>» любые медиафайлы с помощью того же <a href="/ru:wiki:syntax#картинки_и_другие_файлы" class="wikilink1" title="ru:wiki:syntax" data-wiki-id="ru:wiki:syntax">синтаксиса</a>, что и изображения. В то время как изображения и флэш-анимация отображаются непосредственно в статье, другие файлы (такие как документы PDF) показываются как ссылки. За дополнительной информацией можете обратиться к статье «<a href="/ru:mime" class="wikilink1" title="ru:mime" data-wiki-id="ru:mime">Конфигурация MIME</a>». </p> <p> <a href="/ru:media_manager" class="media" title="ru:media_manager" data-wiki-id="ru:media_manager"><img src="/_media/wiki:mediamanager.png?w=200&tok=b6da55" class="medialeft" loading="lazy" title="Менеджер медиафайлов" alt="Менеджер медиафайлов" width="200" /></a> </p> <p> <img src="/lib/exe/fetch.php?w=16&h=16&tok=2ca2aa&media=http%3A%2F%2Fwiki.splitbrain.org%2Flib%2Fimages%2Ftoolbar%2Fimage.png" class="media" loading="lazy" alt="" width="16" height="16" />Загрузка на сайт новых файлов осуществляется с помощью <a href="/ru:media_manager" class="wikilink1" title="ru:media_manager" data-wiki-id="ru:media_manager">менеджера медиафайлов</a>, вызываемого из <a href="/ru:toolbar" class="wikilink1" title="ru:toolbar" data-wiki-id="ru:toolbar">панели инструментов</a>. </p> <p> Для загрузки файла просто используйте форму в правом верхнем углу страницы. Опционально вы можете дать название файлу. Убедитесь, что сохранили правильное расширение файла! Если вы используете в названии новое <a href="/ru:namespaces" class="wikilink1" title="ru:namespaces" data-wiki-id="ru:namespaces">пространство имён</a>, это пространство будет создано автоматически. </p> <p> Обратите внимание: если администратор активировал поддержку <a href="/ru:acl" class="wikilink1" title="ru:acl" data-wiki-id="ru:acl">контроля доступа</a>, загрузка файлов может быть запрещена отдельным пользователям. Пользователям без достаточных прав форма загрузки файлов не будет показана. </p> <p> На то, как именно изображение включается в страницу, влияют различные параметры. Параметры добавляются в стиле <abbr title="Uniform Resource Locator">URL</abbr>: добавлением вначале знака вопроса (?) и разделением разных параметров амперсандом (&). </p> </div> <div class="secedit editbutton_section editbutton_1"><form class="button btn_secedit" method="post" action="/ru:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1510850187" /><input type="hidden" name="summary" value="[Работа с изображениями и медиафайлами] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="работа_с_изображениями_и_медиафайлами" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="1-2500" /><button type="submit" title="Работа с изображениями и медиафайлами">Править</button></div></form></div> <h2 class="sectionedit2" id="изменение_размеров">Изменение размеров</h2> <div class="level2"> <p> «Докувики» может масштабировать изображения двумя методами. По умолчанию используется поддерживаемая PHP-библиотека «<a href="/ru:config:gdlib" class="wikilink1" title="ru:config:gdlib" data-wiki-id="ru:config:gdlib">LibGD</a>» (если она установлена). Однако, лучшие результаты могут быть достигнуты с помощью внешней программы «<a href="/ru:config:im_convert" class="wikilink1" title="ru:config:im_convert" data-wiki-id="ru:config:im_convert">ImageMagick</a>». </p> <p> При использовании LibGD при масштабировании может произойти ошибка из-за нехватки памяти или если формат файла не поддерживается установленной версией «LibGD». </p> <p> Для масштабирования внешних изображений, они должны быть скэшированы на вашем сервере. Для этого вы должны разрешить «Докувики» загружать файлы с помощью увеличения параметра «<a href="/ru:config:fetchsize" class="wikilink1" title="ru:config:fetchsize" data-wiki-id="ru:config:fetchsize">fetchsize</a>» в файле настройки. </p> <p> Для пропорционального масштабирования изображения, задайте только желаемую ширину в пикселях: </p> <pre class="code">{{wiki:dokuwiki-128.png?20}}</pre> <p> <a href="/_detail/wiki:dokuwiki-128.png?id=ru%3Aimages" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png?w=20&tok=6e3b79" class="medialeft" loading="lazy" alt="" width="20" /></a>— это изображение уменьшено до ширины 20 пикселей. </p> <p> Если вы зададите ширину и высоту, то изображение будет растянуто точно до этих размеров игнорируя изменение соотношения сторон: </p> <pre class="code">{{wiki:dokuwiki-128.png?20x50}}</pre> <p> <a href="/_detail/wiki:dokuwiki-128.png?id=ru%3Aimages" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png?w=20&h=50&tok=506fdd" class="medialeft" loading="lazy" alt="" width="20" height="50" /></a>— это изображение масштабировано до ширины 20 пикселей и высоты 50 пикселей. </p> <p> В <a href="/ru:devel:develonly" class="wikilink1" title="ru:devel:develonly" data-wiki-id="ru:devel:develonly">development</a>-версии «Докувики» задание одновременно ширины и высоты влечет за собой обрезание изображения непосредственно перед масштабированием для избежания искажений. </p> </div> <div class="secedit editbutton_section editbutton_2"><form class="button btn_secedit" method="post" action="/ru:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1510850187" /><input type="hidden" name="summary" value="[Изменение размеров] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="изменение_размеров" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="2501-4827" /><button type="submit" title="Изменение размеров">Править</button></div></form></div> <h2 class="sectionedit3" id="поведение_при_клике">Поведение при клике</h2> <div class="level2"> <p> «Докувики» позволяет разместить изображение на странице и сделать ссылку на другую страницу, дающую детальную информацию об этом изображении или содержащую полноразмерное изображение. Так же можно включить изображение, которое не ссылается на другие страницы. </p> <p> По умолчанию нажатие на изображении открывает страницу детальной информации. Страница детальной информации формируется с помощью файла шаблона <code>detail.php</code>. Стандартный файл <code>detail.php</code> показывает большую версию изображения вместе с перечислением метаданных <a href="/ru:exif" class="wikilink1" title="ru:exif" data-wiki-id="ru:exif">EXIF</a> и IPTC, содержащихся в изображении (таких как заголовок, автор, дата размещения и т. д.), а также другой описывающей информацией. </p> <p> Следующий синтаксис встраивает изображение в статью в оригинальном размере, и кликание по этому изображению приводит к странице детальной информации с метаданными этого изображения: </p> <pre class="code">{{wiki:dokuwiki-128.png}}</pre> <p> <a href="/_detail/wiki:dokuwiki-128.png?id=ru%3Aimages" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png" class="medialeft" loading="lazy" alt="" /></a>Попробуйте кликнуть по этому изображению для того, чтобы увидеть страницу детальной информации. </p> <p> На странице детальной информации вы можете кликнуть изображение и открыть другую страницу, содержащую только само изображение в его настоящем размере. Чаще всего так и бывает: в статье размещено изображение малого размера, на странице детальной информации присутствует то же самое изображение среднего размера, и только эта последняя прямая ссылка ведёт к изображению в его полном размере. </p> <p> Вместо такой реакции на клик по изображению вы можете указать, что ссылка должна вести непосредственно к полноразмерному изображению на отдельной странице. Такая ссылка называется прямой и признаком того, что вы хотите сделать именно такую ссылку, служит указание опции <strong><code>direct</code></strong> (прямая): </p> <pre class="code">{{wiki:dokuwiki-128.png?20&direct}}</pre> <p> <a href="/_media/wiki:dokuwiki-128.png" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png?w=20&tok=6e3b79" class="medialeft" loading="lazy" alt="" width="20" /></a>Попробуйте кликнуть по этому уменьшенному изображению для того, чтобы увидеть «прямую» страницу. </p> <p> Так же возможно встроить изображение в статью вовсе без ссылки на какую-либо страницу. Для этого вам нужно указать опцию <strong><code>nolink</code>,</strong> как показано ниже: </p> <pre class="code">{{wiki:dokuwiki-128.png?20&nolink}}</pre> <p> <img src="/_media/wiki:dokuwiki-128.png?w=20&tok=6e3b79" class="medialeft" loading="lazy" alt="" width="20" /> Попробуйте кликнуть по этому изображению. Ничего не получается? Странно, правда? </p> <p> Вы можете комбинировать параметры <strong><code>nolink</code></strong> и масштабирования, вставляя амперсанд <strong><code>&</code></strong> между ними: </p> <pre class="code">{{wiki:dokuwiki-128.png?nolink&100}}</pre> <p> <img src="/_media/wiki:dokuwiki-128.png?w=100&tok=f4967e" class="media" loading="lazy" alt="" width="100" /> </p> <p> Если вам нужно сделать ссылку на изображение? не показывая его самого в тексте статьи, используйте параметр <strong><code>linkonly</code>:</strong> </p> <pre class="code">{{wiki:dokuwiki-128.png?linkonly}}</pre> <p> <a href="/_media/wiki:dokuwiki-128.png" class="media mediafile mf_png" title="wiki:dokuwiki-128.png (27.2 KB)">dokuwiki-128.png</a>— это просто ссылка на изображение. </p> </div> <div class="secedit editbutton_section editbutton_3"><form class="button btn_secedit" method="post" action="/ru:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1510850187" /><input type="hidden" name="summary" value="[Поведение при клике] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="поведение_при_клике" /><input type="hidden" name="codeblockOffset" value="2" /><input type="hidden" name="range" value="4828-9318" /><button type="submit" title="Поведение при клике">Править</button></div></form></div> <h2 class="sectionedit4" id="динамические_изображения">Динамические изображения</h2> <div class="level2"> <p> Иногда вам может понадобиться включить в статью динамическое<sup><a href="#fn__1" id="fnt__1" class="fn_top">1)</a></sup> изображение, подобное этому: <a href="http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54" class="urlextern" title="http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54">this one</a> </p> <p> Использование обычного способа: </p> <pre class="code">{{http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54}}</pre> <p> не срабатывает: </p> <p> <a href="/lib/exe/fetch.php?tok=10f402&media=http%3A%2F%2Fkalsey.com%2Ftools%2Fbuttonmaker%2Fbutton.php" class="media mediafile mf_php" title="http://kalsey.com/tools/buttonmaker/button.php">button.php</a> </p> <p> Это происходит потому, что «Докувики» предполагает, что файл-изображение заканчивается на <code>.gif</code>, <code>.jpg</code> или <code>.png</code>, а данный файл заканчивается обозначением расширения <code>.php</code>. Тут можно использовать следующий трюк: добавить еще один параметр CGI вроде такого <code>&.png</code> — CGI-скрипт проигнорирует этот неизвестный ему параметр, зато парсер «Докувики» будет думать, что это изображение. </p> <p> Так же нужно добавить знак вопроса в самый конец иначе «Докувики» будет думать, что параметры CGI — это опции изображения (такие как описаны в разделах «<a href="#поведение_при_клике" title="ru:images ↵" class="wikilink1">Поведение при клике</a>» и «<a href="#кэширование" title="ru:images ↵" class="wikilink1">Кэширование</a>»). </p> <pre class="code">{{http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54&.png?}}</pre> <p> <a href="/lib/exe/fetch.php?tok=4f9752&media=http%3A%2F%2Fkalsey.com%2Ftools%2Fbuttonmaker%2Fbutton.php%3FbarPosition%3D50%26leftText%3DDynamic%26leftTextColor%3Dffffff%26rightText%3DIMG%26rightTextPosition%3D54%26.png" class="media" title="http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54&.png"><img src="/lib/exe/fetch.php?tok=4f9752&media=http%3A%2F%2Fkalsey.com%2Ftools%2Fbuttonmaker%2Fbutton.php%3FbarPosition%3D50%26leftText%3DDynamic%26leftTextColor%3Dffffff%26rightText%3DIMG%26rightTextPosition%3D54%26.png" class="media" loading="lazy" alt="" /></a> </p> <p> Кстати: вы можете найти веб-интерфейс к скрипту buttonmaker здесь: </p> <ul> <li class="level1"><div class="li"> <a href="http://www.yugatech.com/make.php" class="urlextern" title="http://www.yugatech.com/make.php">www.yugatech.com/make.php</a></div> </li> <li class="level1"><div class="li"> <a href="http://kalsey.com/tools/buttonmaker/" class="urlextern" title="http://kalsey.com/tools/buttonmaker/">kalsey.com/tools/buttonmaker/</a></div> </li> </ul> </div> <div class="secedit editbutton_section editbutton_4"><form class="button btn_secedit" method="post" action="/ru:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1510850187" /><input type="hidden" name="summary" value="[Динамические изображения] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="динамические_изображения" /><input type="hidden" name="codeblockOffset" value="7" /><input type="hidden" name="range" value="9319-11726" /><button type="submit" title="Динамические изображения">Править</button></div></form></div> <h2 class="sectionedit5" id="удаление_медиафайлов">Удаление медиафайлов</h2> <div class="level2"> <p> Иногда требуется удалить медиафайл, который был ранее загружен на сервер. Для этого должны быть включен <a href="/ru:acl" class="wikilink1" title="ru:acl" data-wiki-id="ru:acl">контроль доступа</a> и у пользователя, собирающегося удалять файл, должно быть право «DELETE». И тогда файлы можно удалять нажимая на иконку с мусорным ведром. </p> <p> Также смотрите «<a href="/ru:faq:deletemedia" class="wikilink1" title="ru:faq:deletemedia" data-wiki-id="ru:faq:deletemedia">Удаление медиафайлов</a>». </p> </div> <div class="secedit editbutton_section editbutton_5"><form class="button btn_secedit" method="post" action="/ru:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1510850187" /><input type="hidden" name="summary" value="[Удаление медиафайлов] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="удаление_медиафайлов" /><input type="hidden" name="codeblockOffset" value="9" /><input type="hidden" name="range" value="11727-12355" /><button type="submit" title="Удаление медиафайлов">Править</button></div></form></div> <h2 class="sectionedit6" id="ссылки-изображения">Ссылки-изображения</h2> <div class="level2"> <p> Для создание ссылки-изображения на другой ресурс, просто используйте обычный синтаксис ссылок, только после знака вертикальной черты '|' впишите ссылку на изображение в двойных фигурных скобках. </p> <p> Пример: <a href="http://www.google.com/" class="media" title="http://www.google.com/"><img src="/_media/wiki:dokuwiki-128.png" class="media" loading="lazy" alt="" /></a> </p> <pre class="code">Пример: [[http://www.google.com/|{{wiki:dokuwiki-128.png}}]]</pre> </div> <div class="secedit editbutton_section editbutton_6"><form class="button btn_secedit" method="post" action="/ru:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1510850187" /><input type="hidden" name="summary" value="[Ссылки-изображения] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="ссылки-изображения" /><input type="hidden" name="codeblockOffset" value="9" /><input type="hidden" name="range" value="12356-12911" /><button type="submit" title="Ссылки-изображения">Править</button></div></form></div> <h2 class="sectionedit7" id="кэширование">Кэширование</h2> <div class="level2"> <p> Для уменьшения времени загрузки статьи «Докувики» старается кэшировать внешние изображения. Если вы хотите, чтобы внешнее изображение не кэшировалось, то можете добавить параметр <strong><code>nocache</code></strong> следующим образом: </p> <pre class="code">{{http://de3.php.net/images/php.gif?nocache}}</pre> <p> Это параметр можно также совмещать с масштабированием: </p> <pre class="code">{{http://de3.php.net/images/php.gif?300x50&nocache}}</pre> <p> Запрашивать внешний сервер при каждой загрузке вашей страницы — не очень вежливо. Вместо этого вы можете использовать параметр <strong><code>recache</code></strong> для того, чтобы «Докувики» сама обновляля свой кэш этого изображения с интервалом, заданным опцией <code><a href="/ru:config:cachetime" class="wikilink1" title="ru:config:cachetime" data-wiki-id="ru:config:cachetime">cachetime</a></code> в конфигурации: </p> <pre class="code">{{http://de3.php.net/images/php.gif?recache}}</pre> </div> <div class="secedit editbutton_section editbutton_7"><form class="button btn_secedit" method="post" action="/ru:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1510850187" /><input type="hidden" name="summary" value="[Кэширование] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="кэширование" /><input type="hidden" name="codeblockOffset" value="10" /><input type="hidden" name="range" value="12912-" /><button type="submit" title="Кэширование">Править</button></div></form></div><div class="footnotes"> <div class="fn"><sup><a href="#fnt__1" id="fn__1" class="fn_bot">1)</a></sup> <div class="content">создаваемое «на лету»</div></div> </div>  </div> <div class="docInfo"><bdi>ru/images.txt</bdi> · Последнее изменение: <time datetime="2017-11-16T17:36:27+0100">2017-11-16 17:36</time> — <bdi>Aleksandr</bdi></div> <hr class="a11y" /> </div></main>  <nav id="dokuwiki__pagetools" aria-labelledby="dokuwiki__pagetools__heading"> <h3 class="a11y" id="dokuwiki__pagetools__heading">Инструменты страницы</h3> <div class="tools"> <ul> <li class="edit"><a href="/ru:images?do=edit" title="Править страницу [e]" rel="nofollow" accesskey="e"><span>Править страницу</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z"/></svg></a></li><li class="revs"><a href="/ru:images?do=revisions" title="История страницы [o]" rel="nofollow" accesskey="o"><span>История страницы</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 7v5.11l4.71 2.79.79-1.28-4-2.37V7m0-5C8.97 2 5.91 3.92 4.27 6.77L2 4.5V11h6.5L5.75 8.25C6.96 5.73 9.5 4 12.5 4a7.5 7.5 0 0 1 7.5 7.5 7.5 7.5 0 0 1-7.5 7.5c-3.27 0-6.03-2.09-7.06-5h-2.1c1.1 4.03 4.77 7 9.16 7 5.24 0 9.5-4.25 9.5-9.5A9.5 9.5 0 0 0 12.5 2z"/></svg></a></li><li class="backlink"><a href="/ru:images?do=backlink" title="Ссылки сюда" rel="nofollow"><span>Ссылки сюда</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10.59 13.41c.41.39.41 1.03 0 1.42-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0 5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24 2.982 2.982 0 0 0-4.24 0l-3.53 3.53a2.982 2.982 0 0 0 0 4.24m2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0 5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24 2.982 2.982 0 0 0 4.24 0l3.53-3.53a2.982 2.982 0 0 0 0-4.24.973.973 0 0 1 0-1.42z"/></svg></a></li><li class="top"><a href="#dokuwiki__top" title="Наверх [t]" rel="nofollow" accesskey="t"><span>Наверх</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12z"/></svg></a></li> </ul> </div> </nav> </div>  <footer id="dokuwiki__footer"><div class="pad"> <div class="license">Если не указано иное, содержимое этой вики предоставляется на условиях следующей лицензии: <bdi><a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="license" class="urlextern">CC Attribution-Share Alike 4.0 International</a></bdi></div> <div class="buttons"> <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="license"><img src="/lib/images/license/button/cc-by-sa.png" alt="CC Attribution-Share Alike 4.0 International" /></a> <a href="https://www.dokuwiki.org/donate" title="Donate" ><img src="/lib/tpl/dokuwiki/images/button-donate.gif" width="80" height="15" alt="Donate" /></a> <a href="https://php.net" title="Powered by PHP" ><img src="/lib/tpl/dokuwiki/images/button-php.gif" width="80" height="15" alt="Powered by PHP" /></a> <a href="//validator.w3.org/check/referer" title="Valid HTML5" ><img src="/lib/tpl/dokuwiki/images/button-html5.png" width="80" height="15" alt="Valid HTML5" /></a> <a href="//jigsaw.w3.org/css-validator/check/referer?profile=css3" title="Valid CSS" ><img src="/lib/tpl/dokuwiki/images/button-css.png" width="80" height="15" alt="Valid CSS" /></a> <a href="https://dokuwiki.org/" title="Driven by DokuWiki" ><img src="/lib/tpl/dokuwiki/images/button-dw.png" width="80" height="15" alt="Driven by DokuWiki" /></a> </div> <div style="margin-top: 2em; font-size:90%" class="dokuwiki"><div style="float:right"><a href="http://www.splitbrain.org/personal#imprint" style="float:right; text-decoration: none; color:#333">Imprint</a></div></div> <style type="text/css"> @media screen { body { padding-top: 30px; } #global__header { position: absolute; top: 0; left: 0; text-align: left; vertical-align: middle; line-height: 1.5; background-color: #333; box-shadow: 0 0 8px rgba(0,0,0,0.5); width: 100%; margin: 0; padding: 5px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; } #global__header h2 { position: absolute; left: -99999em; top: 0; overflow: hidden; display: inline; } #global__header ul, #global__header li { margin: 0; padding: 0; list-style: none; display: inline; line-height: 1.5; } #global__header a { color: #bbb; text-decoration: none; margin-right: 20px; font-size: 14px; font-weight: normal; } #global__header a:hover, #global__header a:active, #global__header a:focus { color: #fff; text-decoration: underline; } #global__header form { float: right; margin: 0 0 0 20px; } #global__header input { background-color: #333; background-image: none; border: 1px solid #bbb; color: #fff; box-shadow: none; border-radius: 2px; margin: 0; line-height: normal; padding: 1px 0 1px 0; height: auto; } #global__header input.button { border: none; color: #bbb; } #global__header input.button:hover, #global__header input.button:active, #global__header input.button:focus { color: #fff; text-decoration: underline; } } /* /@media */ @media only screen and (min-width: 601px) { /* changes specific for www.dokuwiki.org */ #dokuwiki__header { padding-top: 3em; } #dokuwiki__usertools { top: 3em; } /* changes specific for bugs.dokuwiki.org */ div#container div#showtask { top: 40px; } } /* /@media */ @media only screen and (max-width: 600px) { body { padding-top: 0; } #global__header { position: static; white-space: normal; overflow: auto; } #global__header form { float: none; display: block; margin: 0 0 .4em; } } /* /@media */ @media print { #global__header { display: none; } } /* /@media */ </style> <div id="global__header"> <h2>Global DokuWiki Links</h2> <form method="get" action="https://search.dokuwiki.org/" target="_top"> <input type="text" name="q" title="Search all DokuWiki sites at once" class="input" /> <input type="submit" title="Search all DokuWiki sites at once" value="Search" class="button" /> </form> <ul> <li><a href="https://download.dokuwiki.org" title="Download the latest release" target="_top">Download</a></li> <li><a href="https://www.dokuwiki.org" title="Read the DokuWiki documentation" target="_top">Wiki</a></li> <li><a href="https://forum.dokuwiki.org" title="Ask questions in the DokuWiki forum" target="_top">Forum</a></li> <li><a href="https://irc.dokuwiki.org" title="Check IRC chat logs or join the chat" target="_top">IRC</a></li> <li><a href="https://github.com/splitbrain/dokuwiki/issues" title="Report and track bugs" target="_top">Bugs</a></li> <li><a href="https://translate.dokuwiki.org/" title="Help translating the DokuWiki interface" target="_top">Translate</a></li> <li><a href="https://github.com/splitbrain/dokuwiki" title="Access the most recent git commits" target="_top">Git</a></li> <li><a href="https://xref.dokuwiki.org/reference/dokuwiki/" title="Cross-Reference of the DokuWiki source code" target="_top">XRef</a></li> <li><a href="https://codesearch.dokuwiki.org/" title="Search through the sources of DokuWiki, plugins and templates" target="_top">Code Search</a></li> </ul> </div>  </div></footer> </div></div> <div class="no"><img src="/lib/exe/taskrunner.php?id=ru%3Aimages&1743820101" width="2" height="1" alt="" /></div> <div id="screen__mode" class="no"></div></body> </html>