1577 lines
114 KiB
HTML
Executable File
1577 lines
114 KiB
HTML
Executable File
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<link rel="preload" href="https://snipp.ru/themes/site/img/icons.svg" as="image">
|
||
<link rel="preload" href="https://snipp.ru/plugins/CodeMirror/lib/codemirror.js" as="script">
|
||
<link rel="preload" href="https://snipp.ru/plugins/CodeMirror/mode/htmlmixed/htmlmixed.js" as="script">
|
||
<link rel="preload" href="https://snipp.ru/plugins/CodeMirror/mode/xml/xml.js" as="script">
|
||
<link rel="preload" href="https://snipp.ru/plugins/CodeMirror/mode/javascript/javascript.js" as="script">
|
||
<link rel="preload" href="https://snipp.ru/plugins/CodeMirror/mode/css/css.js" as="script">
|
||
<link rel="preload" href="https://snipp.ru/plugins/CodeMirror/lib/codemirror.css" as="style">
|
||
|
||
<link rel="preload" href="https://snipp.ru/themes/site/js/scripts.js?v=260" as="script">
|
||
<link rel="preload" href="https://snipp.ru/themes/site/css/style.css?v=260" as="style">
|
||
<link rel="preload" href="https://snipp.ru/themes/site/css/bottom.css?v=260" as="style">
|
||
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap" as="style">
|
||
|
||
<meta name="viewport" content="width=1130">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="google-site-verification" content="-8VWkpDlTWp_MxBLz6BzyLpHC-tnEAQe4RSuIADuSaw">
|
||
|
||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="format-detection" content="telephone=no">
|
||
|
||
<meta name="robots" content="index, follow">
|
||
<meta name="description" content="PHP Thumb – это библиотека, основанная на PHP GD и предназначена для создания превью изображений для каталогов, товаров и т.д.">
|
||
<title>PHP-класс для создания миниатюр изображений</title>
|
||
|
||
<link rel="shortcut icon" href="/favicon.ico?v=1" type="image/x-icon">
|
||
|
||
<meta property="og:site_name" content="Snipp.ru">
|
||
<meta property="og:locale" content="ru_Ru">
|
||
|
||
<meta property="og:type" content="article">
|
||
<meta property="og:article:author" content="Snipp.ru">
|
||
<meta property="og:title" content="PHP-класс для создания миниатюр изображений">
|
||
<meta property="og:description" content="PHP Thumb – это библиотека, основанная на PHP GD и предназначена для создания превью изображений для каталогов, товаров и т.д.">
|
||
<meta property="og:image" content="https://snipp.ru/uploads/view/d772a3dd2d6da67b5b06ce094fa21f61.png">
|
||
<meta property="og:url" content="https://snipp.ru/php/thumbs">
|
||
<meta property="og:article:published_time" content="1586091600">
|
||
<meta property="og:article:modified_time" content="1592907848">
|
||
<meta property="og:article:section" content="PHP">
|
||
|
||
<link rel="canonical" href="https://snipp.ru/php/thumbs">
|
||
|
||
<link href="https://snipp.ru/uploads/view/d772a3dd2d6da67b5b06ce094fa21f61.png" rel="image_src">
|
||
|
||
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="https://snipp.ru/themes/site/css/style.css?v=260">
|
||
<link rel="stylesheet" href="https://snipp.ru/themes/site/css/controls.css?v=260">
|
||
<link media="print" rel="stylesheet" href="https://snipp.ru/themes/site/css/print.css?v=260">
|
||
<script src="https://snipp.ru/themes/site/js/scripts.js?v=260"></script>
|
||
|
||
|
||
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script><![endif]-->
|
||
<!--[if IE 8]> <link rel="stylesheet" href="/themes/site/css/ie8.css?v=260"><![endif]--></head>
|
||
<body>
|
||
<div class="snp_alert-popup"></div>
|
||
<header class="header">
|
||
<div class="wrp">
|
||
<div class="header_tags">
|
||
<a class="snp-btn" href="#">Темы</a>
|
||
<div class="header_tags-popup js-load-tpl" data-name="tpl-tags"></div>
|
||
</div>
|
||
<a class="snp-logo" href="https://snipp.ru"><span>Snipp</span>.ru</a>
|
||
<div class="snp-header-right">
|
||
<a class="snp-search-icon snp-hover" href="#"><svg height="20" width="20"><use xlink:href="/themes/site/img/icons.svg#ico-search"></use></svg> Поиск</a>
|
||
<div class="snp-loginbox">
|
||
<a class="snp-loginbox-login snp-open-login snp-hover" href="#"><svg height="20" width="20"><use xlink:href="/themes/site/img/icons.svg#ico-user"></use></svg> Войти</a>
|
||
</div>
|
||
</div>
|
||
<div class="snp-search-overlay">
|
||
<div class="snp-search-wrapper">
|
||
<a class="snp-search-close snp-hover" href="" title="Закрыть"><svg height="32" width="32"><use xlink:href="/themes/site/img/icons.svg#ico-close"></use></svg></a>
|
||
<div class="snp-search-wrp">
|
||
<div class="snp-search-form"><input class="snp-search-input" type="text" name="q" placeholder="Поиск"><a class="snp-search-btn" href="#">Найти</a></div>
|
||
<div class="snp-search-result"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<nav class="top_menu" id="load-menu-top">
|
||
<div class="top_menu-wrp">
|
||
<!--<div class="top_menu-box">-->
|
||
<ul class="top_menu-ul js-active">
|
||
<li class="top_menu-li top_menu-left"><a class="top_menu-a" href="https://snipp.ru/tools"><span>Инструменты</span></a></li>
|
||
<li class="top_menu-li"><a class="top_menu-a" href="https://snipp.ru/php"><span>PHP</span></a></li>
|
||
<li class="top_menu-li"><a class="top_menu-a" href="https://snipp.ru/html-css"><span>HTML/CSS</span></a></li>
|
||
<li class="top_menu-li"><a class="top_menu-a" href="https://snipp.ru/jquery"><span>JS/jQuery</span></a></li>
|
||
<li class="top_menu-li"><a class="top_menu-a" href="https://snipp.ru/seo"><span>SEO</span></a></li>
|
||
<li class="top_menu-li"><a class="top_menu-a" href="https://snipp.ru/htaccess"><span>htaccess</span></a></li>
|
||
<li class="top_menu-li"><a class="top_menu-a" href="https://snipp.ru/mysql"><span>MySQL</span></a></li>
|
||
<li class="top_menu-li"><a class="top_menu-a" href="https://snipp.ru/bootstrap"><span>Bootstrap</span></a></li>
|
||
<li class="top_menu-li"><a class="top_menu-a" href="https://snipp.ru/programs"><span>Программы</span></a></li>
|
||
<li class="top_menu-li"><a class="top_menu-a" href="https://snipp.ru/raznoe"><span>Разное</span></a></li>
|
||
<li class="top_menu-li"><a class="top_menu-a" href="https://snipp.ru/handbk"><span>Справочники</span></a></li>
|
||
</ul>
|
||
<!--</div> -->
|
||
</div>
|
||
</nav> <div class="middle">
|
||
<div class="wrp">
|
||
<div class="container">
|
||
<main class="content">
|
||
<div class="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList" id="breadcrumbs">
|
||
<span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
|
||
<a href="https://snipp.ru" itemprop="item">
|
||
Главная
|
||
<meta itemprop="name" content="Главная">
|
||
</a>
|
||
<meta itemprop="position" content="1">
|
||
</span><span class="breadcrumb_item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
|
||
<a href="https://snipp.ru/php" itemprop="item">
|
||
PHP
|
||
<meta itemprop="name" content="PHP">
|
||
</a>
|
||
<meta itemprop="position" content="2">
|
||
</span><span class="breadcrumb_item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
|
||
<a href="https://snipp.ru/php/thumbs" itemprop="item">
|
||
PHP-класс для создания миниатюр изображений
|
||
<meta itemprop="name" content="PHP-класс для создания миниатюр изображений">
|
||
</a>
|
||
<meta itemprop="position" content="3">
|
||
</span></div>
|
||
<article itemscope itemtype="http://schema.org/Article" itemid="https://snipp.ru/php/thumbs">
|
||
<h1 itemprop="headline">PHP-класс для создания миниатюр изображений</h1>
|
||
<meta itemprop="articleSection" content="PHP">
|
||
|
||
<div class="snp-topview">
|
||
<div class="snp-topview-date"><svg height="16" width="16"><use xlink:href="/themes/site/img/icons.svg#ico-date"></use></svg> 05.04.2020</div>
|
||
<div class="snp-topview-view" title="1116 просмотров"><svg height="16" width="16"><use xlink:href="/themes/site/img/icons.svg#ico-view"></use></svg> 1116</div>
|
||
<div class="snp-topview-comments">
|
||
<a href="#comments"><svg height="18" width="18" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="m1408 768q0 139-94 257t-256.5 186.5-353.5 68.5q-86 0-176-16-124 88-278 128-36 9-86 16h-3q-11 0-20.5-8t-11.5-21q-1-3-1-6.5t.5-6.5 2-6l2.5-5 3.5-5.5 4-5 4.5-5 4-4.5q5-6 23-25t26-29.5 22.5-29 25-38.5 20.5-44q-124-72-195-177t-71-224q0-139 94-257t256.5-186.5 353.5-68.5 353.5 68.5 256.5 186.5 94 257zm384 256q0 120-71 224.5t-195 176.5q10 24 20.5 44t25 38.5 22.5 29 26 29.5 23 25q1 1 4 4.5t4.5 5 4 5 3.5 5.5l2.5 5 2 6 .5 6.5-1 6.5q-3 14-13 22t-22 7q-50-7-86-16-154-40-278-128-90 16-176 16-271 0-472-132 58 4 88 4 161 0 309-45t264-129q125-92 192-212t67-254q0-77-23-152 129 71 204 178t75 230z"/></svg> 6 комментариев </a>
|
||
</div>
|
||
<div class="snp-bookmark">
|
||
<a class="snp-bookmark-triger snp-open-login" href="#" title="Добавить в закладки">
|
||
<svg height="18" width="18" enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m5 4v18l7-3 7 3v-18c0-1.1-.9-2-2-2h-10c-1.1 0-2 .9-2 2z"/></svg>
|
||
<span>В закладки</span> </a>
|
||
</div>
|
||
<div class="snp-like like-1-158" data-section="1" data-item="158">
|
||
<a class="snp-like-plus " title="Нравится" href="#">
|
||
<svg height="20" width="20" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m133.815 443.378v-201.791c0-2.507.632-4.962 1.897-7.148l4.141-7.268h-106.66c-7.938 0-14.379 6.46-14.379 14.416v201.791c0 7.953 6.44 14.412 14.379 14.412h114.993c-7.931 0-14.371-6.459-14.371-14.412z"/><path d="m435.682 198.344h-114.998v-86.483c0-31.798-25.787-57.651-57.494-57.651h-43.133c-7.93 0-14.368 6.456-14.368 14.408v68.237l-51.463 90.315-4.142 7.268c-1.265 2.186-1.897 4.642-1.897 7.148v201.791c0 7.953 6.44 14.412 14.372 14.412h14.38 216.339c22.715 0 43.355-13.46 52.527-34.245l46.111-104.04c.838-1.841 1.27-3.834 1.27-5.849v-57.655c0-31.801-25.791-57.656-57.504-57.656z"/></svg>
|
||
<span>3</span>
|
||
</a>
|
||
<a class="snp-like-minus " title="Не нравится" href="#">
|
||
<svg height="20" width="20" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m142.922 54.208h-114.996c-7.944 0-14.378 6.456-14.378 14.408v201.795c0 7.955 6.434 14.411 14.378 14.413h106.654l-4.139-7.264c-1.265-2.185-1.898-4.639-1.898-7.149v-201.795c0-7.952 6.442-14.408 14.379-14.408z"/><path d="m497.179 192.488-46.106-104.04c-9.174-20.779-29.813-34.24-52.532-34.24h-216.338-14.375c-7.937 0-14.379 6.456-14.379 14.408v201.795c0 2.511.633 4.965 1.898 7.149l4.139 7.264 51.466 90.317v68.233c0 7.959 6.442 14.417 14.367 14.417h43.134c31.71 0 57.491-25.864 57.491-57.652v-86.485h115.007c31.712 0 57.502-25.863 57.501-57.656v-57.656c0-2.014-.431-4.006-1.273-5.854z"/></svg>
|
||
<span>0</span>
|
||
</a>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="text" itemprop="articleBody">
|
||
<nav class="docket">
|
||
<div class="docket-right" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure>
|
||
<a class="fancybox" href="https://snipp.ru/uploads/view/d772a3dd2d6da67b5b06ce094fa21f61.png"><img itemprop="contentUrl" src="https://snipp.ru/uploads/view/d772a3dd2d6da67b5b06ce094fa21f61.png" alt=""></a>
|
||
</figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/view/d772a3dd2d6da67b5b06ce094fa21f61.png">
|
||
<meta itemprop="name" content="PHP-класс для создания миниатюр изображений">
|
||
<meta itemprop="width" content="781"> <meta itemprop="height" content="439"> </div>
|
||
<div class="docket-left">
|
||
<div class="docket-title">Содержание</div>
|
||
<ol class="docket-list">
|
||
<li><a href="#link-izmenenie-razmera-izobrazheniya">Изменение размера изображения</a></li>
|
||
<li><a href="#link-ogranichenie-maksimalnyh-razmerov">Ограничение максимальных размеров</a></li>
|
||
<li><a href="#link-izmenenie-razmera-holsta">Изменение размера холста</a></li>
|
||
<li><a href="#link-vyrezat-chast-izobrazheniya">Вырезать часть изображения</a></li>
|
||
<li><a href="#link-vpisat-izobrazhenie-v-oblast">Вписать изображение в область</a></li>
|
||
<li><a href="#link-avtomaticheskoe-prevyu">Автоматическое превью</a></li>
|
||
<li><a href="#link-povorot-izobrazheniya">Поворот изображения</a></li>
|
||
<li><a href="#link-kopirayt-na-fotografiyah">Копирайт на фотографиях</a></li>
|
||
<li><a href="#link-sohranenie-i-otdacha-v-brauzer">Сохранение и отдача в браузер</a></li>
|
||
</ol>
|
||
</div>
|
||
</nav>
|
||
|
||
<p><a href="https://github.com/snipp-ru/thumbs" target="_blank">PHP Thumb</a> – это библиотека, основанная на <a href="https://snipp.ru/php/gd">PHP GD</a> и предназначена для создания превью изображений для каталогов, товаров и т.д. В ней есть возможность изменять и ограничивать размер, подгонять изображения под нужный формат, поворачивать изображения и накладывать водяные знаки.</p>
|
||
|
||
<h3>Быстрый старт</h3>
|
||
<h4 id="title-7154">Ограничение размера до 2000px и наложение копирайта:</h4> <div class="block_code">
|
||
<pre><code class="php" id="bcode-7154">require_once __DIR__ . '/thumbs.php';
|
||
|
||
$image = new Thumbs(__DIR__ . '/image.jpg');
|
||
$image->reduce(2000, 2000);
|
||
$image->watermark(__DIR__ . '/watermark.png', 'center');
|
||
$image->save();</code></pre>
|
||
<noindex>
|
||
<div class="block_code-panel">
|
||
<span class="block_code-name">PHP</span>
|
||
<a class="block_code-download" title="Сохранить" href="https://snipp.ru/download/code/7154" download></a>
|
||
<a class="block_code-copy" data-id="7154" title="Скопировать" href="#" onclick="return false;"></a>
|
||
</div>
|
||
</noindex>
|
||
</div>
|
||
<h4 id="title-14220">Создание превью 300x200 и отдача в браузер:</h4> <div class="block_code">
|
||
<pre><code class="php" id="bcode-14220">require_once __DIR__ . '/thumbs.php';
|
||
|
||
$image = new Thumbs(__DIR__ . '/image.jpg');
|
||
$image->thumb(300, 200);
|
||
$image->output();</code></pre>
|
||
<noindex>
|
||
<div class="block_code-panel">
|
||
<span class="block_code-name">PHP</span>
|
||
<a class="block_code-download" title="Сохранить" href="https://snipp.ru/download/code/14220" download></a>
|
||
<a class="block_code-copy" data-id="14220" title="Скопировать" href="#" onclick="return false;"></a>
|
||
</div>
|
||
</noindex>
|
||
</div>
|
||
<p>Для отлова ошибок доступны исключения:</p>
|
||
<div class="block_code">
|
||
<pre><code class="php" id="bcode-14211">try {
|
||
$image = new Thumbs(__DIR__ . '/файл');
|
||
$image->thumb(300, 300);
|
||
$image->save();
|
||
} catch (Exception $error) {
|
||
echo $error; // Выведет: файл не найден
|
||
}</code></pre>
|
||
<noindex>
|
||
<div class="block_code-panel">
|
||
<span class="block_code-name">PHP</span>
|
||
<a class="block_code-download" title="Сохранить" href="https://snipp.ru/download/code/14211" download></a>
|
||
<a class="block_code-copy" data-id="14211" title="Скопировать" href="#" onclick="return false;"></a>
|
||
</div>
|
||
</noindex>
|
||
</div>
|
||
|
||
<section id="link-izmenenie-razmera-izobrazheniya">
|
||
|
||
<div class="view_anchor">
|
||
<noindex><i class="view_anchor-num">1</i></noindex>
|
||
<h2>Изменение размера изображения</h2>
|
||
</div>
|
||
<p><code class="code-attr">$img->resize($width, $height)</code> – изменяет размер изображения. Один из параметров может быть нулевым, так картинка не растянется, сохранив свои пропорции.</p>
|
||
<div class="block_code">
|
||
<pre><code class="php" id="bcode-12729">$image = new Thumbs(__DIR__ . '/image.jpg');
|
||
$image->resize(250, 0);
|
||
$image->output();</code></pre>
|
||
<noindex>
|
||
<div class="block_code-panel">
|
||
<span class="block_code-name">PHP</span>
|
||
<a class="block_code-download" title="Сохранить" href="https://snipp.ru/download/code/12729" download></a>
|
||
<a class="block_code-copy" data-id="12729" title="Скопировать" href="#" onclick="return false;"></a>
|
||
</div>
|
||
</noindex>
|
||
</div>
|
||
<div class="snp-img-grid snp-img-grid-2 clearfix">
|
||
<div class="snp-img-row">
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<figcaption class="snp-img-figcaption-1">
|
||
Оригинал<br><pre>640x426px</pre> </figcaption>
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-1.jpg"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-1.jpg" alt="Пример изменения размера изображения - оригинал" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-1.jpg">
|
||
<meta itemprop="description" content="Пример изменения размера изображения - оригинал">
|
||
|
||
<meta itemprop="width" content="640">
|
||
<meta itemprop="height" content="426">
|
||
</div>
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<figcaption class="snp-img-figcaption-1">
|
||
Результат<br><pre>250x167px</pre> </figcaption>
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-1-1.jpg"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-1-1.jpg" alt="Пример изменения размера изображения - результат" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-1-1.jpg">
|
||
<meta itemprop="description" content="Пример изменения размера изображения - результат">
|
||
|
||
<meta itemprop="width" content="250">
|
||
<meta itemprop="height" content="167">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section id="link-ogranichenie-maksimalnyh-razmerov">
|
||
|
||
<div class="view_anchor">
|
||
<noindex><i class="view_anchor-num">2</i></noindex>
|
||
<h2>Ограничение максимальных размеров</h2>
|
||
</div>
|
||
<p><code class="code-attr">reduce($max_width, $max_height)</code> – метод для пропорционально уменьшения изображений до заданных размеров. Если высота или ширина меньше установленных рамок, то фото остается без изменений.</p>
|
||
<div class="block_code">
|
||
<pre><code class="php" id="bcode-14207">$image = new Thumbs(__DIR__ . '/image.jpg');
|
||
$image->reduce(2000, 0);
|
||
$image->output();</code></pre>
|
||
<noindex>
|
||
<div class="block_code-panel">
|
||
<span class="block_code-name">PHP</span>
|
||
<a class="block_code-download" title="Сохранить" href="https://snipp.ru/download/code/14207" download></a>
|
||
<a class="block_code-copy" data-id="14207" title="Скопировать" href="#" onclick="return false;"></a>
|
||
</div>
|
||
</noindex>
|
||
</div>
|
||
</section>
|
||
<section id="link-izmenenie-razmera-holsta">
|
||
|
||
<div class="view_anchor">
|
||
<noindex><i class="view_anchor-num">3</i></noindex>
|
||
<h2>Изменение размера холста</h2>
|
||
</div>
|
||
<p><code class="code-attr">resizeCanvas($width, $height, $bg)</code> – метод для изменения размера холста изображения.</p>
|
||
|
||
<p>Параметр <code class="code-attr">$bg</code> устанавливает RGB-цвет фона в виде массива, для PNG-изображений пустой <code class="code-attr">$bg</code> оставит фон прозрачным.</p>
|
||
<h4 id="title-12732">Пример №1:</h4> <div class="block_code">
|
||
<pre><code class="php" id="bcode-12732">$image = new Thumbs(__DIR__ . '/image.jpg');
|
||
$image->resizeCanvas(640, 640, array(255, 255, 255));
|
||
$image->output();</code></pre>
|
||
<noindex>
|
||
<div class="block_code-panel">
|
||
<span class="block_code-name">PHP</span>
|
||
<a class="block_code-download" title="Сохранить" href="https://snipp.ru/download/code/12732" download></a>
|
||
<a class="block_code-copy" data-id="12732" title="Скопировать" href="#" onclick="return false;"></a>
|
||
</div>
|
||
</noindex>
|
||
</div>
|
||
<h4 id="title-14215">Пример №2:</h4> <div class="block_code">
|
||
<pre><code class="php" id="bcode-14215">$image = new Thumbs(__DIR__ . '/image.jpg');
|
||
$image->resizeCanvas(1000, 1000, array(0, 0, 0));
|
||
$image->output();</code></pre>
|
||
<noindex>
|
||
<div class="block_code-panel">
|
||
<span class="block_code-name">PHP</span>
|
||
<a class="block_code-download" title="Сохранить" href="https://snipp.ru/download/code/14215" download></a>
|
||
<a class="block_code-copy" data-id="14215" title="Скопировать" href="#" onclick="return false;"></a>
|
||
</div>
|
||
</noindex>
|
||
</div>
|
||
<div class="snp-img-grid snp-img-grid-3 clearfix">
|
||
<div class="snp-img-row">
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<figcaption class="snp-img-figcaption-1">
|
||
Оригинал<br><pre>640x426px</pre> </figcaption>
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-3.jpg"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-3.jpg" alt="Изменение размера холста - оригинал" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-3.jpg">
|
||
<meta itemprop="description" content="Изменение размера холста - оригинал">
|
||
|
||
<meta itemprop="width" content="640">
|
||
<meta itemprop="height" content="426">
|
||
</div>
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<figcaption class="snp-img-figcaption-1">
|
||
Пример №1<br><pre>640x640px</pre> </figcaption>
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-3-1.jpg"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-3-1.jpg" alt="Изменение размера холста - Пример №1" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-3-1.jpg">
|
||
<meta itemprop="description" content="Изменение размера холста - Пример №1">
|
||
|
||
<meta itemprop="width" content="640">
|
||
<meta itemprop="height" content="640">
|
||
</div>
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<figcaption class="snp-img-figcaption-1">
|
||
Пример №2<br><pre>1000x1000px</pre> </figcaption>
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-3-2.jpg"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-3-2.jpg" alt="Изменение размера холста - Пример №2" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-3-2.jpg">
|
||
<meta itemprop="description" content="Изменение размера холста - Пример №2">
|
||
|
||
<meta itemprop="width" content="1000">
|
||
<meta itemprop="height" content="1000">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section id="link-vyrezat-chast-izobrazheniya">
|
||
|
||
<div class="view_anchor">
|
||
<noindex><i class="view_anchor-num">4</i></noindex>
|
||
<h2>Вырезать часть изображения</h2>
|
||
</div>
|
||
<p><code class="code-attr">crop($x, $y, $width, $height)</code> – вырезает часть изображения с отступом <code class="code-attr">$x</code> и <code class="code-attr">$y</code> от верхнего левого края с размером <code class="code-attr">$width</code> и <code class="code-attr">$height</code>.</p>
|
||
<div class="block_code">
|
||
<pre><code class="php" id="bcode-11022">$thumb = new Thumbs(__DIR__ . '/image.jpg');
|
||
$thumb->crop(650, 450, 250, 150);
|
||
$image->output();</code></pre>
|
||
<noindex>
|
||
<div class="block_code-panel">
|
||
<span class="block_code-name">PHP</span>
|
||
<a class="block_code-download" title="Сохранить" href="https://snipp.ru/download/code/11022" download></a>
|
||
<a class="block_code-copy" data-id="11022" title="Скопировать" href="#" onclick="return false;"></a>
|
||
</div>
|
||
</noindex>
|
||
</div>
|
||
<div class="snp-img-grid snp-img-grid-2 clearfix">
|
||
<div class="snp-img-row">
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<figcaption class="snp-img-figcaption-1">
|
||
Оригинал </figcaption>
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-4.jpg"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-4.jpg" alt="Вырезать часть изображения - Оригинал" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-4.jpg">
|
||
<meta itemprop="description" content="Вырезать часть изображения - Оригинал">
|
||
|
||
<meta itemprop="width" content="640">
|
||
<meta itemprop="height" content="425">
|
||
</div>
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<figcaption class="snp-img-figcaption-1">
|
||
Результат </figcaption>
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-4-1.jpg"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-4-1.jpg" alt="Вырезать часть изображения - Результат" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-4-1.jpg">
|
||
<meta itemprop="description" content="Вырезать часть изображения - Результат">
|
||
|
||
<meta itemprop="width" content="300">
|
||
<meta itemprop="height" content="300">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section id="link-vpisat-izobrazhenie-v-oblast">
|
||
|
||
<div class="view_anchor">
|
||
<noindex><i class="view_anchor-num">5</i></noindex>
|
||
<h2>Вписать изображение в область</h2>
|
||
</div>
|
||
<code class="code-attr">cut($width, $height)</code> – метод «вписывает» изображение в заданную область, уменьшая или увеличивая его и отрезает то что не вошло.<h4 id="title-7157">Пример №1:</h4> <div class="block_code">
|
||
<pre><code class="php" id="bcode-7157">$image = new Thumbs(__DIR__ . '/image.jpg');
|
||
$image->cut(300, 200);
|
||
$image->output();</code></pre>
|
||
<noindex>
|
||
<div class="block_code-panel">
|
||
<span class="block_code-name">PHP</span>
|
||
<a class="block_code-download" title="Сохранить" href="https://snipp.ru/download/code/7157" download></a>
|
||
<a class="block_code-copy" data-id="7157" title="Скопировать" href="#" onclick="return false;"></a>
|
||
</div>
|
||
</noindex>
|
||
</div>
|
||
<h4 id="title-14216">Пример №2:</h4> <div class="block_code">
|
||
<pre><code class="php" id="bcode-14216">$image = new Thumbs(__DIR__ . '/image.jpg');
|
||
$image->cut(300, 300);
|
||
$image->output();</code></pre>
|
||
<noindex>
|
||
<div class="block_code-panel">
|
||
<span class="block_code-name">PHP</span>
|
||
<a class="block_code-download" title="Сохранить" href="https://snipp.ru/download/code/14216" download></a>
|
||
<a class="block_code-copy" data-id="14216" title="Скопировать" href="#" onclick="return false;"></a>
|
||
</div>
|
||
</noindex>
|
||
</div>
|
||
<div class="snp-img-grid snp-img-grid-3 clearfix">
|
||
<div class="snp-img-row">
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<figcaption class="snp-img-figcaption-1">
|
||
Оригинал<br><pre>640x320px</pre> </figcaption>
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-5.jpg"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-5.jpg" alt="Вписать изображение в область - Оригинал" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-5.jpg">
|
||
<meta itemprop="description" content="Вписать изображение в область - Оригинал">
|
||
|
||
<meta itemprop="width" content="640">
|
||
<meta itemprop="height" content="320">
|
||
</div>
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<figcaption class="snp-img-figcaption-1">
|
||
Пример №1<br><pre>300x200px</pre> </figcaption>
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-5-1.jpg"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-5-1.jpg" alt="Вписать изображение в область - Пример №1" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-5-1.jpg">
|
||
<meta itemprop="description" content="Вписать изображение в область - Пример №1">
|
||
|
||
<meta itemprop="width" content="300">
|
||
<meta itemprop="height" content="200">
|
||
</div>
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<figcaption class="snp-img-figcaption-1">
|
||
Пример №2<br><pre>300x300px</pre> </figcaption>
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-5-2.jpg"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-5-2.jpg" alt="Вписать изображение в область - Пример №2" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-5-2.jpg">
|
||
<meta itemprop="description" content="Вписать изображение в область - Пример №2">
|
||
|
||
<meta itemprop="width" content="300">
|
||
<meta itemprop="height" content="300">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="banner">
|
||
<!-- Yandex.RTB R-A-278660-17 -->
|
||
<div id="yandex_rtb_R-A-278660-17"></div>
|
||
<script type="text/javascript">
|
||
(function(w, d, n, s, t) {
|
||
w[n] = w[n] || [];
|
||
w[n].push(function() {
|
||
Ya.Context.AdvManager.render({
|
||
blockId: "R-A-278660-17",
|
||
renderTo: "yandex_rtb_R-A-278660-17",
|
||
async: true
|
||
});
|
||
});
|
||
t = d.getElementsByTagName("script")[0];
|
||
s = d.createElement("script");
|
||
s.type = "text/javascript";
|
||
s.src = "//an.yandex.ru/system/context.js";
|
||
s.async = true;
|
||
t.parentNode.insertBefore(s, t);
|
||
})(this, this.document, "yandexContextAsyncCallbacks");
|
||
</script>
|
||
</div>
|
||
</section>
|
||
<section id="link-avtomaticheskoe-prevyu">
|
||
|
||
<div class="view_anchor">
|
||
<noindex><i class="view_anchor-num">6</i></noindex>
|
||
<h2>Автоматическое превью</h2>
|
||
</div>
|
||
<p><code class="code-attr">thumb($width, $height)</code> – основной метод для создание превью, уменьшает изображение, пытаясь вписать его в заданную область. Если у картинки однородный фон, то пытается его дорисовать, в противном случаи идет обрезка по краям.</p>
|
||
|
||
<p>Работает не всегда корректно из-за градиента цветов в фоне изображения, и не подходит для изображений с нарисованными линиями по краям.</p>
|
||
<div class="block_code">
|
||
<pre><code class="php" id="bcode-11026">$image = new Thumbs(__DIR__ . '/image.jpg');
|
||
$image->thumb(300, 200);
|
||
$image->save(__DIR__ . '/new.png');</code></pre>
|
||
<noindex>
|
||
<div class="block_code-panel">
|
||
<span class="block_code-name">PHP</span>
|
||
<a class="block_code-download" title="Сохранить" href="https://snipp.ru/download/code/11026" download></a>
|
||
<a class="block_code-copy" data-id="11026" title="Скопировать" href="#" onclick="return false;"></a>
|
||
</div>
|
||
</noindex>
|
||
</div>
|
||
<h4 id="title-11027">Оригинальные изображения:</h4> <div class="snp-img-grid snp-img-grid-3 clearfix">
|
||
<div class="snp-img-row">
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-6.jpg"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-6.jpg" alt="Автоматическое превью - оригинал 1" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-6.jpg">
|
||
<meta itemprop="description" content="Автоматическое превью - оригинал 1">
|
||
|
||
<meta itemprop="width" content="640">
|
||
<meta itemprop="height" content="640">
|
||
</div>
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-7.jpg"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-7.jpg" alt="Автоматическое превью - оригинал 2" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-7.jpg">
|
||
<meta itemprop="description" content="Автоматическое превью - оригинал 2">
|
||
|
||
<meta itemprop="width" content="700">
|
||
<meta itemprop="height" content="550">
|
||
</div>
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-8.png"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-8.png" alt="Автоматическое превью - оригинал 3" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-8.png">
|
||
<meta itemprop="description" content="Автоматическое превью - оригинал 3">
|
||
|
||
<meta itemprop="width" content="640">
|
||
<meta itemprop="height" content="523">
|
||
</div>
|
||
</div>
|
||
<div class="snp-img-row">
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-9.png"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-9.png" alt="Автоматическое превью - оригинал 4" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-9.png">
|
||
<meta itemprop="description" content="Автоматическое превью - оригинал 4">
|
||
|
||
<meta itemprop="width" content="640">
|
||
<meta itemprop="height" content="640">
|
||
</div>
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-10.jpg"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-10.jpg" alt="Автоматическое превью - оригинал 5" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-10.jpg">
|
||
<meta itemprop="description" content="Автоматическое превью - оригинал 5">
|
||
|
||
<meta itemprop="width" content="640">
|
||
<meta itemprop="height" content="640">
|
||
</div>
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-11.png"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-11.png" alt="Автоматическое превью - оригинал 6" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-11.png">
|
||
<meta itemprop="description" content="Автоматическое превью - оригинал 6">
|
||
|
||
<meta itemprop="width" content="640">
|
||
<meta itemprop="height" content="320">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<h4 id="title-11031">После метода thumb:</h4> <div class="snp-img-grid snp-img-grid-3 clearfix">
|
||
<div class="snp-img-row">
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-6-1.jpg"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-6-1.jpg" alt="Автоматическое превью - результат 1" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-6-1.jpg">
|
||
<meta itemprop="description" content="Автоматическое превью - результат 1">
|
||
|
||
<meta itemprop="width" content="300">
|
||
<meta itemprop="height" content="200">
|
||
</div>
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-7-1.jpg"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-7-1.jpg" alt="Автоматическое превью - результат 2" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-7-1.jpg">
|
||
<meta itemprop="description" content="Автоматическое превью - результат 2">
|
||
|
||
<meta itemprop="width" content="300">
|
||
<meta itemprop="height" content="200">
|
||
</div>
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-8-1.png"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-8-1.png" alt="Автоматическое превью - результат 3" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-8-1.png">
|
||
<meta itemprop="description" content="Автоматическое превью - результат 3">
|
||
|
||
<meta itemprop="width" content="300">
|
||
<meta itemprop="height" content="200">
|
||
</div>
|
||
</div>
|
||
<div class="snp-img-row">
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-9-1.png"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-9-1.png" alt="Автоматическое превью - результат 4" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-9-1.png">
|
||
<meta itemprop="description" content="Автоматическое превью - результат 4">
|
||
|
||
<meta itemprop="width" content="300">
|
||
<meta itemprop="height" content="200">
|
||
</div>
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-10-1.jpg"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-10-1.jpg" alt="Автоматическое превью - результат 5" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-10-1.jpg">
|
||
<meta itemprop="description" content="Автоматическое превью - результат 5">
|
||
|
||
<meta itemprop="width" content="300">
|
||
<meta itemprop="height" content="200">
|
||
</div>
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-11-1.png"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-11-1.png" alt="Автоматическое превью - результат 6" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-11-1.png">
|
||
<meta itemprop="description" content="Автоматическое превью - результат 6">
|
||
|
||
<meta itemprop="width" content="300">
|
||
<meta itemprop="height" content="200">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section id="link-povorot-izobrazheniya">
|
||
|
||
<div class="view_anchor">
|
||
<noindex><i class="view_anchor-num">7</i></noindex>
|
||
<h2>Поворот изображения</h2>
|
||
</div>
|
||
<h4 id="title-11030">Поворот на 90° по часовой стрелки:</h4> <div class="block_code">
|
||
<pre><code class="php" id="bcode-11030">$image = new Thumbs(__DIR__ . '/image.jpg');
|
||
$image->rotateRight();
|
||
$image->output();</code></pre>
|
||
<noindex>
|
||
<div class="block_code-panel">
|
||
<span class="block_code-name">PHP</span>
|
||
<a class="block_code-download" title="Сохранить" href="https://snipp.ru/download/code/11030" download></a>
|
||
<a class="block_code-copy" data-id="11030" title="Скопировать" href="#" onclick="return false;"></a>
|
||
</div>
|
||
</noindex>
|
||
</div>
|
||
<h4 id="title-14217">Поворот на 90° против часовой стрелки:</h4> <div class="block_code">
|
||
<pre><code class="php" id="bcode-14217">$image = new Thumbs(__DIR__ . '/image.jpg');
|
||
$image->rotateLeft();
|
||
$image->output()</code></pre>
|
||
<noindex>
|
||
<div class="block_code-panel">
|
||
<span class="block_code-name">PHP</span>
|
||
<a class="block_code-download" title="Сохранить" href="https://snipp.ru/download/code/14217" download></a>
|
||
<a class="block_code-copy" data-id="14217" title="Скопировать" href="#" onclick="return false;"></a>
|
||
</div>
|
||
</noindex>
|
||
</div>
|
||
<div class="snp-img-grid snp-img-grid-3 clearfix">
|
||
<div class="snp-img-row">
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<figcaption class="snp-img-figcaption-1">
|
||
Оригинал </figcaption>
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-12.jpg"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-12.jpg" alt="Поворот изображения - оригинал" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-12.jpg">
|
||
<meta itemprop="description" content="Поворот изображения - оригинал">
|
||
|
||
<meta itemprop="width" content="640">
|
||
<meta itemprop="height" content="426">
|
||
</div>
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<figcaption class="snp-img-figcaption-1">
|
||
По часовой стрелки </figcaption>
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-12-1.jpg"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-12-1.jpg" alt="Поворот изображения - по часовой стрелки" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-12-1.jpg">
|
||
<meta itemprop="description" content="Поворот изображения - по часовой стрелки">
|
||
|
||
<meta itemprop="width" content="426">
|
||
<meta itemprop="height" content="640">
|
||
</div>
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<figcaption class="snp-img-figcaption-1">
|
||
Против часовой стрелки </figcaption>
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-12-2.jpg"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-12-2.jpg" alt="Поворот изображения - против часовой стрелки" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-12-2.jpg">
|
||
<meta itemprop="description" content="Поворот изображения - против часовой стрелки">
|
||
|
||
<meta itemprop="width" content="426">
|
||
<meta itemprop="height" content="640">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section id="link-kopirayt-na-fotografiyah">
|
||
|
||
<div class="view_anchor">
|
||
<noindex><i class="view_anchor-num">8</i></noindex>
|
||
<h2>Копирайт на фотографиях</h2>
|
||
</div>
|
||
<p><code class="code-attr">watermark($file, $position, $transparency)</code> – накладывает изображение копирайта на исходное изображение.</p>
|
||
|
||
<ul>
|
||
<li><code class="code-attr">$file</code> – путь до файла водяного знака.</li>
|
||
<li><code class="code-attr">$position</code> – позиция (<code class="code-value">center</code>, <code class="code-value">top-left</code>, <code class="code-value">top</code>, <code class="code-value">top-right</code>, <code class="code-value">right</code>, <code class="code-value">bottom-right</code>, <code class="code-value">bottom</code>, <code class="code-value">bottom-left</code>, <code class="code-value">left</code>).</li>
|
||
<li><code class="code-attr">$transparency</code> – уровень прозрачности, 0 - прозрачный, 1 - полностью виден.</li>
|
||
</ul>
|
||
<h4 id="title-11034">В центре:</h4> <div class="block_code">
|
||
<pre><code class="php" id="bcode-11034">$image = new Thumbs(__DIR__ . '/image.jpg');
|
||
$image->watermark(__DIR__ . '/watermark.png', 'center', 50);
|
||
$image->output();</code></pre>
|
||
<noindex>
|
||
<div class="block_code-panel">
|
||
<span class="block_code-name">PHP</span>
|
||
<a class="block_code-download" title="Сохранить" href="https://snipp.ru/download/code/11034" download></a>
|
||
<a class="block_code-copy" data-id="11034" title="Скопировать" href="#" onclick="return false;"></a>
|
||
</div>
|
||
</noindex>
|
||
</div>
|
||
<h4 id="title-14218">Внизу слева:</h4> <div class="block_code">
|
||
<pre><code class="php" id="bcode-14218">$image = new Thumbs(__DIR__ . '/image.jpg');
|
||
$image->watermark(__DIR__ . '/watermark.png', 'bottom-left', 50);
|
||
$image->output();</code></pre>
|
||
<noindex>
|
||
<div class="block_code-panel">
|
||
<span class="block_code-name">PHP</span>
|
||
<a class="block_code-download" title="Сохранить" href="https://snipp.ru/download/code/14218" download></a>
|
||
<a class="block_code-copy" data-id="14218" title="Скопировать" href="#" onclick="return false;"></a>
|
||
</div>
|
||
</noindex>
|
||
</div>
|
||
<h4 id="title-14219">Внизу справа:</h4> <div class="block_code">
|
||
<pre><code class="php" id="bcode-14219">$image = new Thumbs(__DIR__ . '/image.jpg');
|
||
$image->watermark(__DIR__ . '/watermark.png', 'bottom-right', 50);
|
||
$image->output();</code></pre>
|
||
<noindex>
|
||
<div class="block_code-panel">
|
||
<span class="block_code-name">PHP</span>
|
||
<a class="block_code-download" title="Сохранить" href="https://snipp.ru/download/code/14219" download></a>
|
||
<a class="block_code-copy" data-id="14219" title="Скопировать" href="#" onclick="return false;"></a>
|
||
</div>
|
||
</noindex>
|
||
</div>
|
||
<div class="snp-img-grid snp-img-grid-2 clearfix">
|
||
<div class="snp-img-row">
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<figcaption class="snp-img-figcaption-1">
|
||
Оригинальное изображение </figcaption>
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-13.png"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-13.png" alt="Копирайт на фотографиях - оригинал" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-13.png">
|
||
<meta itemprop="description" content="Копирайт на фотографиях - оригинал">
|
||
|
||
<meta itemprop="width" content="960">
|
||
<meta itemprop="height" content="616">
|
||
</div>
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<figcaption class="snp-img-figcaption-1">
|
||
Изображение копирайта </figcaption>
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/watermark.png"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/watermark.png" alt="Копирайт на фотографиях - изображение копирайта" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/watermark.png">
|
||
<meta itemprop="description" content="Копирайт на фотографиях - изображение копирайта">
|
||
|
||
<meta itemprop="width" content="300">
|
||
<meta itemprop="height" content="75">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="snp-img-grid snp-img-grid-3 clearfix">
|
||
<div class="snp-img-row">
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<figcaption class="snp-img-figcaption-1">
|
||
<pre>center</pre> </figcaption>
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-13-1_1.png"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-13-1_1.png" alt="Копирайт на фотографиях - в центре" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-13-1_1.png">
|
||
<meta itemprop="description" content="Копирайт на фотографиях - в центре">
|
||
|
||
<meta itemprop="width" content="960">
|
||
<meta itemprop="height" content="616">
|
||
</div>
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<figcaption class="snp-img-figcaption-1">
|
||
<pre>bottom-left</pre> </figcaption>
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-13-2_1.png"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-13-2_1.png" alt="Копирайт на фотографиях - внизу слева" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-13-2_1.png">
|
||
<meta itemprop="description" content="Копирайт на фотографиях - внизу слева">
|
||
|
||
<meta itemprop="width" content="960">
|
||
<meta itemprop="height" content="616">
|
||
</div>
|
||
<div class="snp-img-item" itemscope itemtype="http://schema.org/ImageObject">
|
||
<figure class="snp-figure snp-figure-shadow snp-figure-center">
|
||
<figcaption class="snp-img-figcaption-1">
|
||
<pre>bottom-right</pre> </figcaption>
|
||
<a class="fancybox" rel="gelary-content" href="https://snipp.ru/uploads/contents/thumbs-13-3_1.png"> <img loading="lazy" itemprop="contentUrl" src="https://snipp.ru/uploads/contents/thumbs-13-3_1.png" alt="Копирайт на фотографиях - внизу справа" >
|
||
</a> </figure>
|
||
<link itemprop="url" href="https://snipp.ru/uploads/contents/thumbs-13-3_1.png">
|
||
<meta itemprop="description" content="Копирайт на фотографиях - внизу справа">
|
||
|
||
<meta itemprop="width" content="960">
|
||
<meta itemprop="height" content="616">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section id="link-sohranenie-i-otdacha-v-brauzer">
|
||
|
||
<div class="view_anchor">
|
||
<noindex><i class="view_anchor-num">9</i></noindex>
|
||
<h2>Сохранение и отдача в браузер</h2>
|
||
</div>
|
||
<p>В классе есть несколько методов для сохранения результата.</p>
|
||
<h4 id="title-11042">Сохранение в открытый файл:</h4> <div class="block_code">
|
||
<pre><code class="php" id="bcode-11042">$image->save();</code></pre>
|
||
<noindex>
|
||
<div class="block_code-panel">
|
||
<span class="block_code-name">PHP</span>
|
||
<a class="block_code-download" title="Сохранить" href="https://snipp.ru/download/code/11042" download></a>
|
||
<a class="block_code-copy" data-id="11042" title="Скопировать" href="#" onclick="return false;"></a>
|
||
</div>
|
||
</noindex>
|
||
</div>
|
||
<h4 id="title-11044">Сохранение в файл JPG:</h4> <div class="block_code">
|
||
<pre><code class="php" id="bcode-11044">$image->saveJpg(__DIR__ . '/new.jpg', 90);</code></pre>
|
||
<noindex>
|
||
<div class="block_code-panel">
|
||
<span class="block_code-name">PHP</span>
|
||
<a class="block_code-download" title="Сохранить" href="https://snipp.ru/download/code/11044" download></a>
|
||
<a class="block_code-copy" data-id="11044" title="Скопировать" href="#" onclick="return false;"></a>
|
||
</div>
|
||
</noindex>
|
||
</div>
|
||
<h4 id="title-11045">Сохранение в файл PNG:</h4> <div class="block_code">
|
||
<pre><code class="php" id="bcode-11045">$image->savePNG(__DIR__ . '/new.png');</code></pre>
|
||
<noindex>
|
||
<div class="block_code-panel">
|
||
<span class="block_code-name">PHP</span>
|
||
<a class="block_code-download" title="Сохранить" href="https://snipp.ru/download/code/11045" download></a>
|
||
<a class="block_code-copy" data-id="11045" title="Скопировать" href="#" onclick="return false;"></a>
|
||
</div>
|
||
</noindex>
|
||
</div>
|
||
<h4 id="title-11047">Сохранение в файл GIF:</h4> <div class="block_code">
|
||
<pre><code class="php" id="bcode-11047">$image->saveGIF(__DIR__ . '/new.gif');</code></pre>
|
||
<noindex>
|
||
<div class="block_code-panel">
|
||
<span class="block_code-name">PHP</span>
|
||
<a class="block_code-download" title="Сохранить" href="https://snipp.ru/download/code/11047" download></a>
|
||
<a class="block_code-copy" data-id="11047" title="Скопировать" href="#" onclick="return false;"></a>
|
||
</div>
|
||
</noindex>
|
||
</div>
|
||
<h4 id="title-11048">Сохранение в файл WEBP:</h4> <div class="block_code">
|
||
<pre><code class="php" id="bcode-11048">$image->saveWEBP(__DIR__ . '/new.webp', 90);</code></pre>
|
||
<noindex>
|
||
<div class="block_code-panel">
|
||
<span class="block_code-name">PHP</span>
|
||
<a class="block_code-download" title="Сохранить" href="https://snipp.ru/download/code/11048" download></a>
|
||
<a class="block_code-copy" data-id="11048" title="Скопировать" href="#" onclick="return false;"></a>
|
||
</div>
|
||
</noindex>
|
||
</div>
|
||
<h3>Вывод изображения в браузер</h3>
|
||
<div class="block_code">
|
||
<pre><code class="php" id="bcode-11049">$image->output();</code></pre>
|
||
<noindex>
|
||
<div class="block_code-panel">
|
||
<span class="block_code-name">PHP</span>
|
||
<a class="block_code-download" title="Сохранить" href="https://snipp.ru/download/code/11049" download></a>
|
||
<a class="block_code-copy" data-id="11049" title="Скопировать" href="#" onclick="return false;"></a>
|
||
</div>
|
||
</noindex>
|
||
</div>
|
||
<p>Также есть метод, который одновременно сохранит результат в новый файл и отправит его в браузер.</p>
|
||
<div class="block_code">
|
||
<pre><code class="php" id="bcode-11051">$image->saveOut(__DIR__ . '/new.jpg', 90);</code></pre>
|
||
<noindex>
|
||
<div class="block_code-panel">
|
||
<span class="block_code-name">PHP</span>
|
||
<a class="block_code-download" title="Сохранить" href="https://snipp.ru/download/code/11051" download></a>
|
||
<a class="block_code-copy" data-id="11051" title="Скопировать" href="#" onclick="return false;"></a>
|
||
</div>
|
||
</noindex>
|
||
</div>
|
||
</section> </div>
|
||
|
||
|
||
<div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
|
||
<link itemprop="url" href="https://snipp.ru">
|
||
<meta itemprop="name" content="Snipp.ru">
|
||
<meta itemprop="description" content="Для веб-разработчиков">
|
||
<div itemprop="logo" itemscope itemtype="https://www.schema.org/ImageObject">
|
||
<link itemprop="url" href="https://snipp.ru/logo.jpg">
|
||
<link itemprop="contentUrl" href="https://snipp.ru/logo.jpg">
|
||
</div>
|
||
</div>
|
||
|
||
<meta itemprop="author" content="snipp.ru">
|
||
<meta itemprop="datePublished" content="2020-04-05">
|
||
<meta itemprop="dateModified" content="2020-06-23">
|
||
<meta itemprop="image" content="https://snipp.ru/uploads/view/d772a3dd2d6da67b5b06ce094fa21f61.png">
|
||
<meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://snipp.ru/php/thumbs" content="https://snipp.ru/php/thumbs">
|
||
|
||
|
||
|
||
<div class="snp-topview">
|
||
<div class="snp-topview-date" >
|
||
<svg height="16" width="16" enable-background="new 0 0 32 32" version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="M29.334,3H25V1c0-0.553-0.447-1-1-1s-1,0.447-1,1v2h-6V1c0-0.553-0.448-1-1-1s-1,0.447-1,1v2H9V1 c0-0.553-0.448-1-1-1S7,0.447,7,1v2H2.667C1.194,3,0,4.193,0,5.666v23.667C0,30.806,1.194,32,2.667,32h26.667 C30.807,32,32,30.806,32,29.333V5.666C32,4.193,30.807,3,29.334,3z M30,29.333C30,29.701,29.701,30,29.334,30H2.667 C2.299,30,2,29.701,2,29.333V5.666C2,5.299,2.299,5,2.667,5H7v2c0,0.553,0.448,1,1,1s1-0.447,1-1V5h6v2c0,0.553,0.448,1,1,1 s1-0.447,1-1V5h6v2c0,0.553,0.447,1,1,1s1-0.447,1-1V5h4.334C29.701,5,30,5.299,30,5.666V29.333z"/><rect height="3" width="4" x="7" y="12"/><rect height="3" width="4" x="7" y="17"/><rect height="3" width="4" x="7" y="22"/><rect height="3" width="4" x="14" y="22"/><rect height="3" width="4" x="14" y="17"/><rect height="3" width="4" x="14" y="12"/><rect height="3" width="4" x="21" y="22"/><rect height="3" width="4" x="21" y="17"/><rect height="3" width="4" x="21" y="12"/></g></svg>
|
||
05.04.2020 , обновлено 23.06.2020 </div>
|
||
</div>
|
||
|
||
<div class="view_bottom-tags">
|
||
<a href="https://snipp.ru/tags/php">#PHP</a>
|
||
<a href="https://snipp.ru/tags/images">#Изображения</a>
|
||
</div>
|
||
|
||
|
||
<div class="snp-botview">
|
||
<div class="snp-botview-left">
|
||
<!--<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>-->
|
||
<script src="//yastatic.net/share2/share.js" async="async"></script>
|
||
<div class="ya-share2" data-services="collections,vkontakte,facebook,odnoklassniki,moimir,evernote,lj,viber,whatsapp,skype,telegram"></div>
|
||
</div>
|
||
<div class="snp-botview-right">
|
||
<div class="snp-bookmark">
|
||
<a class="snp-bookmark-triger snp-open-login" href="#" title="Добавить в закладки">
|
||
<svg height="18" width="18" enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m5 4v18l7-3 7 3v-18c0-1.1-.9-2-2-2h-10c-1.1 0-2 .9-2 2z"/></svg>
|
||
<span>В закладки</span> </a>
|
||
</div>
|
||
<div class="snp-like like-1-158" data-section="1" data-item="158">
|
||
<a class="snp-like-plus " title="Нравится" href="#">
|
||
<svg height="20" width="20" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m133.815 443.378v-201.791c0-2.507.632-4.962 1.897-7.148l4.141-7.268h-106.66c-7.938 0-14.379 6.46-14.379 14.416v201.791c0 7.953 6.44 14.412 14.379 14.412h114.993c-7.931 0-14.371-6.459-14.371-14.412z"/><path d="m435.682 198.344h-114.998v-86.483c0-31.798-25.787-57.651-57.494-57.651h-43.133c-7.93 0-14.368 6.456-14.368 14.408v68.237l-51.463 90.315-4.142 7.268c-1.265 2.186-1.897 4.642-1.897 7.148v201.791c0 7.953 6.44 14.412 14.372 14.412h14.38 216.339c22.715 0 43.355-13.46 52.527-34.245l46.111-104.04c.838-1.841 1.27-3.834 1.27-5.849v-57.655c0-31.801-25.791-57.656-57.504-57.656z"/></svg>
|
||
<span>3</span>
|
||
</a>
|
||
<a class="snp-like-minus " title="Не нравится" href="#">
|
||
<svg height="20" width="20" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m142.922 54.208h-114.996c-7.944 0-14.378 6.456-14.378 14.408v201.795c0 7.955 6.434 14.411 14.378 14.413h106.654l-4.139-7.264c-1.265-2.185-1.898-4.639-1.898-7.149v-201.795c0-7.952 6.442-14.408 14.379-14.408z"/><path d="m497.179 192.488-46.106-104.04c-9.174-20.779-29.813-34.24-52.532-34.24h-216.338-14.375c-7.937 0-14.379 6.456-14.379 14.408v201.795c0 2.511.633 4.965 1.898 7.149l4.139 7.264 51.466 90.317v68.233c0 7.959 6.442 14.417 14.367 14.417h43.134c31.71 0 57.491-25.864 57.491-57.652v-86.485h115.007c31.712 0 57.502-25.863 57.501-57.656v-57.656c0-2.014-.431-4.006-1.273-5.854z"/></svg>
|
||
<span>0</span>
|
||
</a>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="view_else">
|
||
<div class="view_else-prev">
|
||
<span class="view_else-title">Предыдущая запись</span>
|
||
<a href="https://snipp.ru/jquery/bxslider-image"><span>Слайдеры изображений на плагине bxSlider</span></a>
|
||
</div>
|
||
<div class="view_else-next">
|
||
<span class="view_else-title">Следующая запись</span>
|
||
<a href="https://snipp.ru/html-css/show-hide-password"><span>Показать/скрыть пароль</span></a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="banner">
|
||
<!-- Yandex.RTB R-A-278660-8 -->
|
||
<div id="yandex_rtb_R-A-278660-8"></div>
|
||
<script type="text/javascript">
|
||
(function(w, d, n, s, t) {
|
||
w[n] = w[n] || [];
|
||
w[n].push(function() {
|
||
Ya.Context.AdvManager.render({
|
||
blockId: "R-A-278660-8",
|
||
renderTo: "yandex_rtb_R-A-278660-8",
|
||
async: true
|
||
});
|
||
});
|
||
t = d.getElementsByTagName("script")[0];
|
||
s = d.createElement("script");
|
||
s.type = "text/javascript";
|
||
s.src = "//an.yandex.ru/system/context.js";
|
||
s.async = true;
|
||
t.parentNode.insertBefore(s, t);
|
||
})(this, this.document, "yandexContextAsyncCallbacks");
|
||
</script>
|
||
</div>
|
||
|
||
|
||
<div class="snp-comment" id="comments">
|
||
<h3>Комментарии <span class="snp-comment-count">6</span></h3>
|
||
|
||
<div class="snp-comment-list"> <div class="snp-comment-item" id="comment-50" data-section="1" data-item="158" data-id="50">
|
||
|
||
<div class="snp-comment-body" itemprop="comment" itemscope itemtype="http://schema.org/Comment">
|
||
<div class="snp-comment-header">
|
||
<a class="snp-comment-userpic" href="https://snipp.ru/profile/242-yngvarr"><i><img loading="lazy" src="/uploads/users/32x32/ad2c35d382d0c20b376b447a477d304782e299c7.jpg" alt="Yngvarr" width="32" height="32"></i></a>
|
||
<a class="snp-comment-name" href="https://snipp.ru/profile/242-yngvarr" itemprop="creator"><span itemprop="name">Yngvarr</span></a>
|
||
|
||
<div class="snp-comment-date">
|
||
12 июня 2020 <span class="nobr">в 21:17</span> <meta itemprop="dateCreated" content="2020-06-12T21:17:13+03:00">
|
||
</div>
|
||
|
||
<div class="snp-comment-like">
|
||
<a class="snp-comment-plus " href="#"><svg contentScriptType="text/ecmascript" contentStyleType="text/css" enable-background="new 0 0 2048 2048" height="16" preserveAspectRatio="xMidYMid meet" viewBox="53 0 1558 2048" width="16" xmlns="http://www.w3.org/2000/svg" zoomAndPan="magnify"><path d="m1611 1344c0 35.333-12.333 65.333-37 90l-75 75c-25.333 25.333-55.667 38-91 38-36 0-66-12.667-90-38l-486-485-486 485c-24 25.333-54 38-90 38s-66-12.667-90-38l-75-75c-25.333-24-38-54-38-90 0-35.333 12.667-65.667 38-91l651-651c24.667-24.667 54.667-37 90-37 34.667 0 65 12.333 91 37l650 651c25.333 25.333 38 55.667 38 91z"/></svg></a>
|
||
<span>0</span> <a class="snp-comment-minus " href="#"><svg contentScriptType="text/ecmascript" contentStyleType="text/css" enable-background="new 0 0 2048 2048" height="16" preserveAspectRatio="xMidYMid meet" viewBox="53 0 1558 2048" width="16" xmlns="http://www.w3.org/2000/svg" zoomAndPan="magnify"><path d="m1611 832c0 35.333-12.333 65.333-37 90l-651 651c-25.333 25.333-55.667 38-91 38-36 0-66-12.667-90-38l-651-651c-25.333-24-38-54-38-90 0-35.333 12.667-65.667 38-91l74-75c26-24.667 56.333-37 91-37 35.333 0 65.333 12.333 90 37l486 486 486-486c24.667-24.667 54.667-37 90-37 34.667 0 65 12.333 91 37l75 75c24.667 26 37 56.333 37 91z"/></svg></a>
|
||
</div>
|
||
</div>
|
||
<div class="snp-comment-text" itemprop="text">Бомбезный сайт у вас, спасибо за материалы, ну прям вот самая годнота собрана!</div>
|
||
|
||
|
||
<div class="snp-comment-footer">
|
||
|
||
<a class="snp-comment-answer nologin" href="#">Ответить</a>
|
||
|
||
|
||
|
||
<div class="snp-comment-more">
|
||
<a class="snp-comment-more-triger" href="#"><svg height="18" width="18" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m113.7 304c-27.5 0-49.7-21.4-49.7-48 0-26.5 22.2-48 49.7-48 27.6 0 49.8 21.5 49.8 48 0 26.6-22.2 48-49.8 48z"/><path d="m256 304c-27.5 0-49.8-21.4-49.8-48 0-26.5 22.3-48 49.8-48s49.7 21.5 49.7 48c0 26.6-22.2 48-49.7 48z"/><path d="m398.2 304c-27.5 0-49.8-21.4-49.8-48 0-26.5 22.2-48 49.8-48 27.5 0 49.8 21.5 49.8 48 0 26.6-22.2 48-49.8 48z"/></svg></a>
|
||
<ul class="snp-comment-more-popup snp-popupmenu">
|
||
<li><a class="snp-comment-url" href="https://snipp.ru/php/thumbs#comment-50">Скопировать ссылку</a></li>
|
||
|
||
<li><a class="snp-comment-claim" href="#">Пожаловаться</a></li>
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="snp-comment-answerform">
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<div class="snp-comment-item" id="comment-52" data-section="1" data-item="158" data-id="52">
|
||
|
||
<div class="snp-comment-body" itemprop="comment" itemscope itemtype="http://schema.org/Comment">
|
||
<div class="snp-comment-header">
|
||
<a class="snp-comment-userpic" href="https://snipp.ru/profile/244-oleg-zinin"><i><img loading="lazy" src="/uploads/users/32x32/3c7c7ed07638ab20d98fe711b38c5eb06c84c087.jpg" alt="Oleg Zinin" width="32" height="32"></i></a>
|
||
<a class="snp-comment-name" href="https://snipp.ru/profile/244-oleg-zinin" itemprop="creator"><span itemprop="name">Oleg Zinin</span></a>
|
||
|
||
<div class="snp-comment-date">
|
||
13 июня 2020 <span class="nobr">в 12:10</span> <meta itemprop="dateCreated" content="2020-06-13T12:10:38+03:00">
|
||
</div>
|
||
|
||
<div class="snp-comment-like">
|
||
<a class="snp-comment-plus " href="#"><svg contentScriptType="text/ecmascript" contentStyleType="text/css" enable-background="new 0 0 2048 2048" height="16" preserveAspectRatio="xMidYMid meet" viewBox="53 0 1558 2048" width="16" xmlns="http://www.w3.org/2000/svg" zoomAndPan="magnify"><path d="m1611 1344c0 35.333-12.333 65.333-37 90l-75 75c-25.333 25.333-55.667 38-91 38-36 0-66-12.667-90-38l-486-485-486 485c-24 25.333-54 38-90 38s-66-12.667-90-38l-75-75c-25.333-24-38-54-38-90 0-35.333 12.667-65.667 38-91l651-651c24.667-24.667 54.667-37 90-37 34.667 0 65 12.333 91 37l650 651c25.333 25.333 38 55.667 38 91z"/></svg></a>
|
||
<span>0</span> <a class="snp-comment-minus " href="#"><svg contentScriptType="text/ecmascript" contentStyleType="text/css" enable-background="new 0 0 2048 2048" height="16" preserveAspectRatio="xMidYMid meet" viewBox="53 0 1558 2048" width="16" xmlns="http://www.w3.org/2000/svg" zoomAndPan="magnify"><path d="m1611 832c0 35.333-12.333 65.333-37 90l-651 651c-25.333 25.333-55.667 38-91 38-36 0-66-12.667-90-38l-651-651c-25.333-24-38-54-38-90 0-35.333 12.667-65.667 38-91l74-75c26-24.667 56.333-37 91-37 35.333 0 65.333 12.333 90 37l486 486 486-486c24.667-24.667 54.667-37 90-37 34.667 0 65 12.333 91 37l75 75c24.667 26 37 56.333 37 91z"/></svg></a>
|
||
</div>
|
||
</div>
|
||
<div class="snp-comment-text" itemprop="text">Огромное человеческое спасибо автору. Тема долго была актульной для меня, даже написал свой обработчик, но он получился очень громоздкий. А с помощью этой библиотеки, все просто и быстро.<br>Поставил ваш сайт себе в закладки.</div>
|
||
|
||
|
||
<div class="snp-comment-footer">
|
||
|
||
<a class="snp-comment-answer nologin" href="#">Ответить</a>
|
||
|
||
|
||
|
||
<div class="snp-comment-more">
|
||
<a class="snp-comment-more-triger" href="#"><svg height="18" width="18" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m113.7 304c-27.5 0-49.7-21.4-49.7-48 0-26.5 22.2-48 49.7-48 27.6 0 49.8 21.5 49.8 48 0 26.6-22.2 48-49.8 48z"/><path d="m256 304c-27.5 0-49.8-21.4-49.8-48 0-26.5 22.3-48 49.8-48s49.7 21.5 49.7 48c0 26.6-22.2 48-49.7 48z"/><path d="m398.2 304c-27.5 0-49.8-21.4-49.8-48 0-26.5 22.2-48 49.8-48 27.5 0 49.8 21.5 49.8 48 0 26.6-22.2 48-49.8 48z"/></svg></a>
|
||
<ul class="snp-comment-more-popup snp-popupmenu">
|
||
<li><a class="snp-comment-url" href="https://snipp.ru/php/thumbs#comment-52">Скопировать ссылку</a></li>
|
||
|
||
<li><a class="snp-comment-claim" href="#">Пожаловаться</a></li>
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="snp-comment-answerform">
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<div class="snp-comment-item" id="comment-54" data-section="1" data-item="158" data-id="54">
|
||
|
||
<div class="snp-comment-body" itemprop="comment" itemscope itemtype="http://schema.org/Comment">
|
||
<div class="snp-comment-header">
|
||
<a class="snp-comment-userpic" href="https://snipp.ru/profile/244-oleg-zinin"><i><img loading="lazy" src="/uploads/users/32x32/3c7c7ed07638ab20d98fe711b38c5eb06c84c087.jpg" alt="Oleg Zinin" width="32" height="32"></i></a>
|
||
<a class="snp-comment-name" href="https://snipp.ru/profile/244-oleg-zinin" itemprop="creator"><span itemprop="name">Oleg Zinin</span></a>
|
||
|
||
<div class="snp-comment-date">
|
||
16 июня 2020 <span class="nobr">в 16:02</span> <meta itemprop="dateCreated" content="2020-06-16T16:02:14+03:00">
|
||
</div>
|
||
|
||
<div class="snp-comment-like">
|
||
<a class="snp-comment-plus " href="#"><svg contentScriptType="text/ecmascript" contentStyleType="text/css" enable-background="new 0 0 2048 2048" height="16" preserveAspectRatio="xMidYMid meet" viewBox="53 0 1558 2048" width="16" xmlns="http://www.w3.org/2000/svg" zoomAndPan="magnify"><path d="m1611 1344c0 35.333-12.333 65.333-37 90l-75 75c-25.333 25.333-55.667 38-91 38-36 0-66-12.667-90-38l-486-485-486 485c-24 25.333-54 38-90 38s-66-12.667-90-38l-75-75c-25.333-24-38-54-38-90 0-35.333 12.667-65.667 38-91l651-651c24.667-24.667 54.667-37 90-37 34.667 0 65 12.333 91 37l650 651c25.333 25.333 38 55.667 38 91z"/></svg></a>
|
||
<span>0</span> <a class="snp-comment-minus " href="#"><svg contentScriptType="text/ecmascript" contentStyleType="text/css" enable-background="new 0 0 2048 2048" height="16" preserveAspectRatio="xMidYMid meet" viewBox="53 0 1558 2048" width="16" xmlns="http://www.w3.org/2000/svg" zoomAndPan="magnify"><path d="m1611 832c0 35.333-12.333 65.333-37 90l-651 651c-25.333 25.333-55.667 38-91 38-36 0-66-12.667-90-38l-651-651c-25.333-24-38-54-38-90 0-35.333 12.667-65.667 38-91l74-75c26-24.667 56.333-37 91-37 35.333 0 65.333 12.333 90 37l486 486 486-486c24.667-24.667 54.667-37 90-37 34.667 0 65 12.333 91 37l75 75c24.667 26 37 56.333 37 91z"/></svg></a>
|
||
</div>
|
||
</div>
|
||
<div class="snp-comment-text" itemprop="text">Столкнулся с непонятной проблемкой при наложении водяного знака. В файле PNG почему то прозрачный фон становится непрозрачным. Вот сам файлик:</div>
|
||
|
||
<div class="snp-comment-attach">
|
||
<div class="snp-comment-attach-item attach-1">
|
||
<a class="fancybox" rel="gelary-54" href="/uploads/comments/1592312534-9fe3934eaf9fcbdc5d68c23c8922a44c.png"><img loading="lazy" src="/uploads/comments/1592312534-9fe3934eaf9fcbdc5d68c23c8922a44c.png" alt=""></a>
|
||
</div>
|
||
|
||
<div class="snp-comment-footer">
|
||
|
||
<a class="snp-comment-answer nologin" href="#">Ответить</a>
|
||
|
||
|
||
|
||
<div class="snp-comment-more">
|
||
<a class="snp-comment-more-triger" href="#"><svg height="18" width="18" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m113.7 304c-27.5 0-49.7-21.4-49.7-48 0-26.5 22.2-48 49.7-48 27.6 0 49.8 21.5 49.8 48 0 26.6-22.2 48-49.8 48z"/><path d="m256 304c-27.5 0-49.8-21.4-49.8-48 0-26.5 22.3-48 49.8-48s49.7 21.5 49.7 48c0 26.6-22.2 48-49.7 48z"/><path d="m398.2 304c-27.5 0-49.8-21.4-49.8-48 0-26.5 22.2-48 49.8-48 27.5 0 49.8 21.5 49.8 48 0 26.6-22.2 48-49.8 48z"/></svg></a>
|
||
<ul class="snp-comment-more-popup snp-popupmenu">
|
||
<li><a class="snp-comment-url" href="https://snipp.ru/php/thumbs#comment-54">Скопировать ссылку</a></li>
|
||
|
||
<li><a class="snp-comment-claim" href="#">Пожаловаться</a></li>
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="snp-comment-answerform">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="snp-comment-list"> <div class="snp-comment-item" id="comment-57" data-section="1" data-item="158" data-id="57">
|
||
|
||
<div class="snp-comment-body" itemprop="comment" itemscope itemtype="http://schema.org/Comment">
|
||
<div class="snp-comment-header">
|
||
<a class="snp-comment-userpic" href="https://snipp.ru/profile/258-kostya-malinkin"><i><img loading="lazy" src="/uploads/users/32x32/afc187ec75d9b462530fc233bf0681ff41a4eb98.jpg" alt="Костя Малинкин" width="32" height="32"></i></a>
|
||
<a class="snp-comment-name" href="https://snipp.ru/profile/258-kostya-malinkin" itemprop="creator"><span itemprop="name">Костя Малинкин</span></a>
|
||
|
||
<div class="snp-comment-date">
|
||
22 июня 2020 <span class="nobr">в 23:06</span> <meta itemprop="dateCreated" content="2020-06-22T23:06:23+03:00">
|
||
</div>
|
||
|
||
<div class="snp-comment-like">
|
||
<a class="snp-comment-plus " href="#"><svg contentScriptType="text/ecmascript" contentStyleType="text/css" enable-background="new 0 0 2048 2048" height="16" preserveAspectRatio="xMidYMid meet" viewBox="53 0 1558 2048" width="16" xmlns="http://www.w3.org/2000/svg" zoomAndPan="magnify"><path d="m1611 1344c0 35.333-12.333 65.333-37 90l-75 75c-25.333 25.333-55.667 38-91 38-36 0-66-12.667-90-38l-486-485-486 485c-24 25.333-54 38-90 38s-66-12.667-90-38l-75-75c-25.333-24-38-54-38-90 0-35.333 12.667-65.667 38-91l651-651c24.667-24.667 54.667-37 90-37 34.667 0 65 12.333 91 37l650 651c25.333 25.333 38 55.667 38 91z"/></svg></a>
|
||
<span>0</span> <a class="snp-comment-minus " href="#"><svg contentScriptType="text/ecmascript" contentStyleType="text/css" enable-background="new 0 0 2048 2048" height="16" preserveAspectRatio="xMidYMid meet" viewBox="53 0 1558 2048" width="16" xmlns="http://www.w3.org/2000/svg" zoomAndPan="magnify"><path d="m1611 832c0 35.333-12.333 65.333-37 90l-651 651c-25.333 25.333-55.667 38-91 38-36 0-66-12.667-90-38l-651-651c-25.333-24-38-54-38-90 0-35.333 12.667-65.667 38-91l74-75c26-24.667 56.333-37 91-37 35.333 0 65.333 12.333 90 37l486 486 486-486c24.667-24.667 54.667-37 90-37 34.667 0 65 12.333 91 37l75 75c24.667 26 37 56.333 37 91z"/></svg></a>
|
||
</div>
|
||
</div>
|
||
<div class="snp-comment-text" itemprop="text">Та же самая проблема.В либе где-то теряются альфа слои видимо.Но не пойму где.</div>
|
||
|
||
|
||
<div class="snp-comment-footer">
|
||
|
||
<a class="snp-comment-answer nologin" href="#">Ответить</a>
|
||
|
||
|
||
|
||
<div class="snp-comment-more">
|
||
<a class="snp-comment-more-triger" href="#"><svg height="18" width="18" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m113.7 304c-27.5 0-49.7-21.4-49.7-48 0-26.5 22.2-48 49.7-48 27.6 0 49.8 21.5 49.8 48 0 26.6-22.2 48-49.8 48z"/><path d="m256 304c-27.5 0-49.8-21.4-49.8-48 0-26.5 22.3-48 49.8-48s49.7 21.5 49.7 48c0 26.6-22.2 48-49.7 48z"/><path d="m398.2 304c-27.5 0-49.8-21.4-49.8-48 0-26.5 22.2-48 49.8-48 27.5 0 49.8 21.5 49.8 48 0 26.6-22.2 48-49.8 48z"/></svg></a>
|
||
<ul class="snp-comment-more-popup snp-popupmenu">
|
||
<li><a class="snp-comment-url" href="https://snipp.ru/php/thumbs#comment-57">Скопировать ссылку</a></li>
|
||
|
||
<li><a class="snp-comment-claim" href="#">Пожаловаться</a></li>
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="snp-comment-answerform">
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="snp-comment-item" id="comment-58" data-section="1" data-item="158" data-id="58">
|
||
|
||
<div class="snp-comment-body" itemprop="comment" itemscope itemtype="http://schema.org/Comment">
|
||
<div class="snp-comment-header">
|
||
<span class="snp-comment-userpic"><i><img loading="lazy" src="/uploads/users/32x32/unknown.png" alt="Snipp.ru" width="32" height="32"></i></span>
|
||
<span class="snp-comment-name" itemprop="creator"><span itemprop="name">Snipp.ru</span></span>
|
||
|
||
<div class="snp-comment-date">
|
||
23 июня 2020 <span class="nobr">в 13:26</span> <meta itemprop="dateCreated" content="2020-06-23T13:26:58+03:00">
|
||
</div>
|
||
|
||
<div class="snp-comment-like">
|
||
<a class="snp-comment-plus " href="#"><svg contentScriptType="text/ecmascript" contentStyleType="text/css" enable-background="new 0 0 2048 2048" height="16" preserveAspectRatio="xMidYMid meet" viewBox="53 0 1558 2048" width="16" xmlns="http://www.w3.org/2000/svg" zoomAndPan="magnify"><path d="m1611 1344c0 35.333-12.333 65.333-37 90l-75 75c-25.333 25.333-55.667 38-91 38-36 0-66-12.667-90-38l-486-485-486 485c-24 25.333-54 38-90 38s-66-12.667-90-38l-75-75c-25.333-24-38-54-38-90 0-35.333 12.667-65.667 38-91l651-651c24.667-24.667 54.667-37 90-37 34.667 0 65 12.333 91 37l650 651c25.333 25.333 38 55.667 38 91z"/></svg></a>
|
||
<span class="rating_plus">+1</span> <a class="snp-comment-minus " href="#"><svg contentScriptType="text/ecmascript" contentStyleType="text/css" enable-background="new 0 0 2048 2048" height="16" preserveAspectRatio="xMidYMid meet" viewBox="53 0 1558 2048" width="16" xmlns="http://www.w3.org/2000/svg" zoomAndPan="magnify"><path d="m1611 832c0 35.333-12.333 65.333-37 90l-651 651c-25.333 25.333-55.667 38-91 38-36 0-66-12.667-90-38l-651-651c-25.333-24-38-54-38-90 0-35.333 12.667-65.667 38-91l74-75c26-24.667 56.333-37 91-37 35.333 0 65.333 12.333 90 37l486 486 486-486c24.667-24.667 54.667-37 90-37 34.667 0 65 12.333 91 37l75 75c24.667 26 37 56.333 37 91z"/></svg></a>
|
||
</div>
|
||
</div>
|
||
<div class="snp-comment-text" itemprop="text">Спасибо за комментарии! Баг с прозрачностью исправлен.</div>
|
||
|
||
|
||
<div class="snp-comment-footer">
|
||
|
||
<a class="snp-comment-answer nologin" href="#">Ответить</a>
|
||
|
||
|
||
|
||
<div class="snp-comment-more">
|
||
<a class="snp-comment-more-triger" href="#"><svg height="18" width="18" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m113.7 304c-27.5 0-49.7-21.4-49.7-48 0-26.5 22.2-48 49.7-48 27.6 0 49.8 21.5 49.8 48 0 26.6-22.2 48-49.8 48z"/><path d="m256 304c-27.5 0-49.8-21.4-49.8-48 0-26.5 22.3-48 49.8-48s49.7 21.5 49.7 48c0 26.6-22.2 48-49.7 48z"/><path d="m398.2 304c-27.5 0-49.8-21.4-49.8-48 0-26.5 22.2-48 49.8-48 27.5 0 49.8 21.5 49.8 48 0 26.6-22.2 48-49.8 48z"/></svg></a>
|
||
<ul class="snp-comment-more-popup snp-popupmenu">
|
||
<li><a class="snp-comment-url" href="https://snipp.ru/php/thumbs#comment-58">Скопировать ссылку</a></li>
|
||
|
||
<li><a class="snp-comment-claim" href="#">Пожаловаться</a></li>
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="snp-comment-answerform">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="snp-comment-list"> <div class="snp-comment-item" id="comment-59" data-section="1" data-item="158" data-id="59">
|
||
|
||
<div class="snp-comment-body" itemprop="comment" itemscope itemtype="http://schema.org/Comment">
|
||
<div class="snp-comment-header">
|
||
<a class="snp-comment-userpic" href="https://snipp.ru/profile/258-kostya-malinkin"><i><img loading="lazy" src="/uploads/users/32x32/afc187ec75d9b462530fc233bf0681ff41a4eb98.jpg" alt="Костя Малинкин" width="32" height="32"></i></a>
|
||
<a class="snp-comment-name" href="https://snipp.ru/profile/258-kostya-malinkin" itemprop="creator"><span itemprop="name">Костя Малинкин</span></a>
|
||
|
||
<div class="snp-comment-date">
|
||
24 июня 2020 <span class="nobr">в 19:02</span> <meta itemprop="dateCreated" content="2020-06-24T19:02:33+03:00">
|
||
</div>
|
||
|
||
<div class="snp-comment-like">
|
||
<a class="snp-comment-plus " href="#"><svg contentScriptType="text/ecmascript" contentStyleType="text/css" enable-background="new 0 0 2048 2048" height="16" preserveAspectRatio="xMidYMid meet" viewBox="53 0 1558 2048" width="16" xmlns="http://www.w3.org/2000/svg" zoomAndPan="magnify"><path d="m1611 1344c0 35.333-12.333 65.333-37 90l-75 75c-25.333 25.333-55.667 38-91 38-36 0-66-12.667-90-38l-486-485-486 485c-24 25.333-54 38-90 38s-66-12.667-90-38l-75-75c-25.333-24-38-54-38-90 0-35.333 12.667-65.667 38-91l651-651c24.667-24.667 54.667-37 90-37 34.667 0 65 12.333 91 37l650 651c25.333 25.333 38 55.667 38 91z"/></svg></a>
|
||
<span>0</span> <a class="snp-comment-minus " href="#"><svg contentScriptType="text/ecmascript" contentStyleType="text/css" enable-background="new 0 0 2048 2048" height="16" preserveAspectRatio="xMidYMid meet" viewBox="53 0 1558 2048" width="16" xmlns="http://www.w3.org/2000/svg" zoomAndPan="magnify"><path d="m1611 832c0 35.333-12.333 65.333-37 90l-651 651c-25.333 25.333-55.667 38-91 38-36 0-66-12.667-90-38l-651-651c-25.333-24-38-54-38-90 0-35.333 12.667-65.667 38-91l74-75c26-24.667 56.333-37 91-37 35.333 0 65.333 12.333 90 37l486 486 486-486c24.667-24.667 54.667-37 90-37 34.667 0 65 12.333 91 37l75 75c24.667 26 37 56.333 37 91z"/></svg></a>
|
||
</div>
|
||
</div>
|
||
<div class="snp-comment-text" itemprop="text">Спасибо за быструю реакцию)Жаль что уже свой вариант данной либы сделал с прозрачностью от 0 до 100)</div>
|
||
|
||
|
||
<div class="snp-comment-footer">
|
||
|
||
<a class="snp-comment-answer nologin" href="#">Ответить</a>
|
||
|
||
|
||
|
||
<div class="snp-comment-more">
|
||
<a class="snp-comment-more-triger" href="#"><svg height="18" width="18" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m113.7 304c-27.5 0-49.7-21.4-49.7-48 0-26.5 22.2-48 49.7-48 27.6 0 49.8 21.5 49.8 48 0 26.6-22.2 48-49.8 48z"/><path d="m256 304c-27.5 0-49.8-21.4-49.8-48 0-26.5 22.3-48 49.8-48s49.7 21.5 49.7 48c0 26.6-22.2 48-49.7 48z"/><path d="m398.2 304c-27.5 0-49.8-21.4-49.8-48 0-26.5 22.2-48 49.8-48 27.5 0 49.8 21.5 49.8 48 0 26.6-22.2 48-49.8 48z"/></svg></a>
|
||
<ul class="snp-comment-more-popup snp-popupmenu">
|
||
<li><a class="snp-comment-url" href="https://snipp.ru/php/thumbs#comment-59">Скопировать ссылку</a></li>
|
||
|
||
<li><a class="snp-comment-claim" href="#">Пожаловаться</a></li>
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="snp-comment-answerform">
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="snp_alert-warning">
|
||
<p><a class="snp-open-login" data-hash="comments" href="#">Авторизуйтесь</a>, чтобы добавить комментарий.</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</article>
|
||
|
||
<div class="noprint">
|
||
<h3>Другие публикации</h3>
|
||
<div class="snp-views-2">
|
||
<div class="snp-views-2-item">
|
||
<div class="snp-views-2-img"><a href="https://snipp.ru/php/phpexcel"><img loading="lazy" src="/uploads/view/350x0/0db8f20af42a0cab8deeda51eb68bb88.jpg" alt="Мануал по созданию и форматированию excel файлов в PHPExcel" width="350"></a></div>
|
||
<div class="snp-views-2-data">
|
||
<div class="snp-views-2-name"><a href="https://snipp.ru/php/phpexcel">Мануал по созданию и форматированию excel файлов в PHPExcel</a></div>
|
||
<div class="snp-views-2-text">К сожалению разработчики прекратили поддержку и разработку проекта, но PHPExcel все равно остается популярной...</div>
|
||
<div class="snp-views-2-bottom">
|
||
<div class="snp-views-2-bottom-date"><svg height="16" width="16"><use xlink:href="/themes/site/img/icons.svg#ico-date"></use></svg> 12.06.2019</div>
|
||
<div class="snp-views-2-bottom-view" title="18609 просмотров"> <svg height="16" width="16"><use xlink:href="/themes/site/img/icons.svg#ico-view"></use></svg> 18609</div>
|
||
<div class="snp-views-2-bottom-comments"><a href="https://snipp.ru/php/phpexcel#comments"><svg height="18" width="18" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="m1408 768q0 139-94 257t-256.5 186.5-353.5 68.5q-86 0-176-16-124 88-278 128-36 9-86 16h-3q-11 0-20.5-8t-11.5-21q-1-3-1-6.5t.5-6.5 2-6l2.5-5 3.5-5.5 4-5 4.5-5 4-4.5q5-6 23-25t26-29.5 22.5-29 25-38.5 20.5-44q-124-72-195-177t-71-224q0-139 94-257t256.5-186.5 353.5-68.5 353.5 68.5 256.5 186.5 94 257zm384 256q0 120-71 224.5t-195 176.5q10 24 20.5 44t25 38.5 22.5 29 26 29.5 23 25q1 1 4 4.5t4.5 5 4 5 3.5 5.5l2.5 5 2 6 .5 6.5-1 6.5q-3 14-13 22t-22 7q-50-7-86-16-154-40-278-128-90 16-176 16-271 0-472-132 58 4 88 4 161 0 309-45t264-129q125-92 192-212t67-254q0-77-23-152 129 71 204 178t75 230z"/></svg> 0</a></div>
|
||
<div class="snp-like-cost">
|
||
<svg height="18" width="18" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m133.815 443.378v-201.791c0-2.507.632-4.962 1.897-7.148l4.141-7.268h-106.66c-7.938 0-14.379 6.46-14.379 14.416v201.791c0 7.953 6.44 14.412 14.379 14.412h114.993c-7.931 0-14.371-6.459-14.371-14.412z"/><path d="m435.682 198.344h-114.998v-86.483c0-31.798-25.787-57.651-57.494-57.651h-43.133c-7.93 0-14.368 6.456-14.368 14.408v68.237l-51.463 90.315-4.142 7.268c-1.265 2.186-1.897 4.642-1.897 7.148v201.791c0 7.953 6.44 14.412 14.372 14.412h14.38 216.339c22.715 0 43.355-13.46 52.527-34.245l46.111-104.04c.838-1.841 1.27-3.834 1.27-5.849v-57.655c0-31.801-25.791-57.656-57.504-57.656z"/></svg>
|
||
<span class="rating_plus">+6</span>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="snp-bookmark">
|
||
<a class="snp-bookmark-triger snp-open-login" href="#" title="Добавить в закладки">
|
||
<svg height="18" width="18" enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m5 4v18l7-3 7 3v-18c0-1.1-.9-2-2-2h-10c-1.1 0-2 .9-2 2z"/></svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="snp-views-2-item">
|
||
<div class="snp-views-2-img"><a href="https://snipp.ru/php/dompdf"><img loading="lazy" src="/uploads/view/350x0/2dcbf8e084870662be1e7f7fc6f4f72a.jpg" alt="Генерация счета на оплату PDF PHP" width="350"></a></div>
|
||
<div class="snp-views-2-data">
|
||
<div class="snp-views-2-name"><a href="https://snipp.ru/php/dompdf">Генерация счета на оплату PDF PHP</a></div>
|
||
<div class="snp-views-2-text">С помощью расширения dompdf можно легко сформировать PDF файл. По сути, dompdf - это конвертер HTML в PDF который...</div>
|
||
<div class="snp-views-2-bottom">
|
||
<div class="snp-views-2-bottom-date"><svg height="16" width="16"><use xlink:href="/themes/site/img/icons.svg#ico-date"></use></svg> 16.02.2018</div>
|
||
<div class="snp-views-2-bottom-view" title="19392 просмотра"> <svg height="16" width="16"><use xlink:href="/themes/site/img/icons.svg#ico-view"></use></svg> 19392</div>
|
||
<div class="snp-views-2-bottom-comments"><a href="https://snipp.ru/php/dompdf#comments"><svg height="18" width="18" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="m1408 768q0 139-94 257t-256.5 186.5-353.5 68.5q-86 0-176-16-124 88-278 128-36 9-86 16h-3q-11 0-20.5-8t-11.5-21q-1-3-1-6.5t.5-6.5 2-6l2.5-5 3.5-5.5 4-5 4.5-5 4-4.5q5-6 23-25t26-29.5 22.5-29 25-38.5 20.5-44q-124-72-195-177t-71-224q0-139 94-257t256.5-186.5 353.5-68.5 353.5 68.5 256.5 186.5 94 257zm384 256q0 120-71 224.5t-195 176.5q10 24 20.5 44t25 38.5 22.5 29 26 29.5 23 25q1 1 4 4.5t4.5 5 4 5 3.5 5.5l2.5 5 2 6 .5 6.5-1 6.5q-3 14-13 22t-22 7q-50-7-86-16-154-40-278-128-90 16-176 16-271 0-472-132 58 4 88 4 161 0 309-45t264-129q125-92 192-212t67-254q0-77-23-152 129 71 204 178t75 230z"/></svg> 0</a></div>
|
||
<div class="snp-like-cost">
|
||
<svg height="18" width="18" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m133.815 443.378v-201.791c0-2.507.632-4.962 1.897-7.148l4.141-7.268h-106.66c-7.938 0-14.379 6.46-14.379 14.416v201.791c0 7.953 6.44 14.412 14.379 14.412h114.993c-7.931 0-14.371-6.459-14.371-14.412z"/><path d="m435.682 198.344h-114.998v-86.483c0-31.798-25.787-57.651-57.494-57.651h-43.133c-7.93 0-14.368 6.456-14.368 14.408v68.237l-51.463 90.315-4.142 7.268c-1.265 2.186-1.897 4.642-1.897 7.148v201.791c0 7.953 6.44 14.412 14.372 14.412h14.38 216.339c22.715 0 43.355-13.46 52.527-34.245l46.111-104.04c.838-1.841 1.27-3.834 1.27-5.849v-57.655c0-31.801-25.791-57.656-57.504-57.656z"/></svg>
|
||
<span class="rating_plus">+8</span>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="snp-bookmark">
|
||
<a class="snp-bookmark-triger snp-open-login" href="#" title="Добавить в закладки">
|
||
<svg height="18" width="18" enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m5 4v18l7-3 7 3v-18c0-1.1-.9-2-2-2h-10c-1.1 0-2 .9-2 2z"/></svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="snp-views-2-item">
|
||
<div class="snp-views-2-img"><a href="https://snipp.ru/php/curl"><img loading="lazy" src="/uploads/view/350x0/d82791d988c921c1a0b15fe4a77b9445.png" alt="Примеры использования cURL в PHP" width="350"></a></div>
|
||
<div class="snp-views-2-data">
|
||
<div class="snp-views-2-name"><a href="https://snipp.ru/php/curl">Примеры использования cURL в PHP</a></div>
|
||
<div class="snp-views-2-text">cURL PHP – это библиотека предназначенная для получения и передачи данных через такие протоколы, как HTTP, FTP, HTTPS....</div>
|
||
<div class="snp-views-2-bottom">
|
||
<div class="snp-views-2-bottom-date"><svg height="16" width="16"><use xlink:href="/themes/site/img/icons.svg#ico-date"></use></svg> 14.11.2017</div>
|
||
<div class="snp-views-2-bottom-view" title="48982 просмотра"> <svg height="16" width="16"><use xlink:href="/themes/site/img/icons.svg#ico-view"></use></svg> 48982</div>
|
||
<div class="snp-views-2-bottom-comments"><a href="https://snipp.ru/php/curl#comments"><svg height="18" width="18" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="m1408 768q0 139-94 257t-256.5 186.5-353.5 68.5q-86 0-176-16-124 88-278 128-36 9-86 16h-3q-11 0-20.5-8t-11.5-21q-1-3-1-6.5t.5-6.5 2-6l2.5-5 3.5-5.5 4-5 4.5-5 4-4.5q5-6 23-25t26-29.5 22.5-29 25-38.5 20.5-44q-124-72-195-177t-71-224q0-139 94-257t256.5-186.5 353.5-68.5 353.5 68.5 256.5 186.5 94 257zm384 256q0 120-71 224.5t-195 176.5q10 24 20.5 44t25 38.5 22.5 29 26 29.5 23 25q1 1 4 4.5t4.5 5 4 5 3.5 5.5l2.5 5 2 6 .5 6.5-1 6.5q-3 14-13 22t-22 7q-50-7-86-16-154-40-278-128-90 16-176 16-271 0-472-132 58 4 88 4 161 0 309-45t264-129q125-92 192-212t67-254q0-77-23-152 129 71 204 178t75 230z"/></svg> 0</a></div>
|
||
<div class="snp-like-cost">
|
||
<svg height="18" width="18" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m133.815 443.378v-201.791c0-2.507.632-4.962 1.897-7.148l4.141-7.268h-106.66c-7.938 0-14.379 6.46-14.379 14.416v201.791c0 7.953 6.44 14.412 14.379 14.412h114.993c-7.931 0-14.371-6.459-14.371-14.412z"/><path d="m435.682 198.344h-114.998v-86.483c0-31.798-25.787-57.651-57.494-57.651h-43.133c-7.93 0-14.368 6.456-14.368 14.408v68.237l-51.463 90.315-4.142 7.268c-1.265 2.186-1.897 4.642-1.897 7.148v201.791c0 7.953 6.44 14.412 14.372 14.412h14.38 216.339c22.715 0 43.355-13.46 52.527-34.245l46.111-104.04c.838-1.841 1.27-3.834 1.27-5.849v-57.655c0-31.801-25.791-57.656-57.504-57.656z"/></svg>
|
||
<span class="rating_plus">+2</span>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="snp-bookmark">
|
||
<a class="snp-bookmark-triger snp-open-login" href="#" title="Добавить в закладки">
|
||
<svg height="18" width="18" enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m5 4v18l7-3 7 3v-18c0-1.1-.9-2-2-2h-10c-1.1 0-2 .9-2 2z"/></svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="snp-views-2-item">
|
||
<div class="snp-views-2-img"><a href="https://snipp.ru/php/telegram-bot-php"><img loading="lazy" src="/uploads/view/350x0/d880306f44d95f58d3a955e22d3ae165.png" alt="Бот Телеграм на PHP" width="350"></a></div>
|
||
<div class="snp-views-2-data">
|
||
<div class="snp-views-2-name"><a href="https://snipp.ru/php/telegram-bot-php">Бот Телеграм на PHP</a></div>
|
||
<div class="snp-views-2-text">Примеры как зарегистрировать бота в Телеграм, описание и взаимодействие с основными методами API.</div>
|
||
<div class="snp-views-2-bottom">
|
||
<div class="snp-views-2-bottom-date"><svg height="16" width="16"><use xlink:href="/themes/site/img/icons.svg#ico-date"></use></svg> 17.11.2018</div>
|
||
<div class="snp-views-2-bottom-view" title="29563 просмотра"> <svg height="16" width="16"><use xlink:href="/themes/site/img/icons.svg#ico-view"></use></svg> 29563</div>
|
||
<div class="snp-views-2-bottom-comments"><a href="https://snipp.ru/php/telegram-bot-php#comments"><svg height="18" width="18" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="m1408 768q0 139-94 257t-256.5 186.5-353.5 68.5q-86 0-176-16-124 88-278 128-36 9-86 16h-3q-11 0-20.5-8t-11.5-21q-1-3-1-6.5t.5-6.5 2-6l2.5-5 3.5-5.5 4-5 4.5-5 4-4.5q5-6 23-25t26-29.5 22.5-29 25-38.5 20.5-44q-124-72-195-177t-71-224q0-139 94-257t256.5-186.5 353.5-68.5 353.5 68.5 256.5 186.5 94 257zm384 256q0 120-71 224.5t-195 176.5q10 24 20.5 44t25 38.5 22.5 29 26 29.5 23 25q1 1 4 4.5t4.5 5 4 5 3.5 5.5l2.5 5 2 6 .5 6.5-1 6.5q-3 14-13 22t-22 7q-50-7-86-16-154-40-278-128-90 16-176 16-271 0-472-132 58 4 88 4 161 0 309-45t264-129q125-92 192-212t67-254q0-77-23-152 129 71 204 178t75 230z"/></svg> 1</a></div>
|
||
<div class="snp-like-cost">
|
||
<svg height="18" width="18" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m133.815 443.378v-201.791c0-2.507.632-4.962 1.897-7.148l4.141-7.268h-106.66c-7.938 0-14.379 6.46-14.379 14.416v201.791c0 7.953 6.44 14.412 14.379 14.412h114.993c-7.931 0-14.371-6.459-14.371-14.412z"/><path d="m435.682 198.344h-114.998v-86.483c0-31.798-25.787-57.651-57.494-57.651h-43.133c-7.93 0-14.368 6.456-14.368 14.408v68.237l-51.463 90.315-4.142 7.268c-1.265 2.186-1.897 4.642-1.897 7.148v201.791c0 7.953 6.44 14.412 14.372 14.412h14.38 216.339c22.715 0 43.355-13.46 52.527-34.245l46.111-104.04c.838-1.841 1.27-3.834 1.27-5.849v-57.655c0-31.801-25.791-57.656-57.504-57.656z"/></svg>
|
||
<span class="rating_plus">+13</span>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="snp-bookmark">
|
||
<a class="snp-bookmark-triger snp-open-login" href="#" title="Добавить в закладки">
|
||
<svg height="18" width="18" enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m5 4v18l7-3 7 3v-18c0-1.1-.9-2-2-2h-10c-1.1 0-2 .9-2 2z"/></svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="snp-views-2-item">
|
||
<div class="snp-views-2-img"><a href="https://snipp.ru/php/auto-compress-img"><img loading="lazy" src="/uploads/view/350x0/afd0d892dab289d0a48e05bd30a0cc15.png" alt="Автоматическое сжатие и оптимизация картинок на сайте" width="350"></a></div>
|
||
<div class="snp-views-2-data">
|
||
<div class="snp-views-2-name"><a href="https://snipp.ru/php/auto-compress-img">Автоматическое сжатие и оптимизация картинок на сайте</a></div>
|
||
<div class="snp-views-2-text">Изображения нужно сжимать для ускорения скорости загрузки сайта, но как это сделать? На многих хостингах нет...</div>
|
||
<div class="snp-views-2-bottom">
|
||
<div class="snp-views-2-bottom-date"><svg height="16" width="16"><use xlink:href="/themes/site/img/icons.svg#ico-date"></use></svg> 26.10.2018</div>
|
||
<div class="snp-views-2-bottom-view" title="6219 просмотров"> <svg height="16" width="16"><use xlink:href="/themes/site/img/icons.svg#ico-view"></use></svg> 6219</div>
|
||
<div class="snp-views-2-bottom-comments"><a href="https://snipp.ru/php/auto-compress-img#comments"><svg height="18" width="18" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="m1408 768q0 139-94 257t-256.5 186.5-353.5 68.5q-86 0-176-16-124 88-278 128-36 9-86 16h-3q-11 0-20.5-8t-11.5-21q-1-3-1-6.5t.5-6.5 2-6l2.5-5 3.5-5.5 4-5 4.5-5 4-4.5q5-6 23-25t26-29.5 22.5-29 25-38.5 20.5-44q-124-72-195-177t-71-224q0-139 94-257t256.5-186.5 353.5-68.5 353.5 68.5 256.5 186.5 94 257zm384 256q0 120-71 224.5t-195 176.5q10 24 20.5 44t25 38.5 22.5 29 26 29.5 23 25q1 1 4 4.5t4.5 5 4 5 3.5 5.5l2.5 5 2 6 .5 6.5-1 6.5q-3 14-13 22t-22 7q-50-7-86-16-154-40-278-128-90 16-176 16-271 0-472-132 58 4 88 4 161 0 309-45t264-129q125-92 192-212t67-254q0-77-23-152 129 71 204 178t75 230z"/></svg> 1</a></div>
|
||
<div class="snp-like-cost">
|
||
<svg height="18" width="18" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m133.815 443.378v-201.791c0-2.507.632-4.962 1.897-7.148l4.141-7.268h-106.66c-7.938 0-14.379 6.46-14.379 14.416v201.791c0 7.953 6.44 14.412 14.379 14.412h114.993c-7.931 0-14.371-6.459-14.371-14.412z"/><path d="m435.682 198.344h-114.998v-86.483c0-31.798-25.787-57.651-57.494-57.651h-43.133c-7.93 0-14.368 6.456-14.368 14.408v68.237l-51.463 90.315-4.142 7.268c-1.265 2.186-1.897 4.642-1.897 7.148v201.791c0 7.953 6.44 14.412 14.372 14.412h14.38 216.339c22.715 0 43.355-13.46 52.527-34.245l46.111-104.04c.838-1.841 1.27-3.834 1.27-5.849v-57.655c0-31.801-25.791-57.656-57.504-57.656z"/></svg>
|
||
<span class="rating_plus">+5</span>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="snp-bookmark">
|
||
<a class="snp-bookmark-triger snp-open-login" href="#" title="Добавить в закладки">
|
||
<svg height="18" width="18" enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m5 4v18l7-3 7 3v-18c0-1.1-.9-2-2-2h-10c-1.1 0-2 .9-2 2z"/></svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="snp-views-2-item">
|
||
<div class="snp-views-2-img"><a href="https://snipp.ru/php/contenteditable"><img loading="lazy" src="/uploads/view/350x0/f816bcd4c03ffd83540aec0fb95cd36f.png" alt="Contenteditable – текстовый редактор" width="350"></a></div>
|
||
<div class="snp-views-2-data">
|
||
<div class="snp-views-2-name"><a href="https://snipp.ru/php/contenteditable">Contenteditable – текстовый редактор</a></div>
|
||
<div class="snp-views-2-text">Если добавить атрибут contenteditable к элементу, его содержимое становится доступно для редактирования пользователю, а...</div>
|
||
<div class="snp-views-2-bottom">
|
||
<div class="snp-views-2-bottom-date"><svg height="16" width="16"><use xlink:href="/themes/site/img/icons.svg#ico-date"></use></svg> 12.12.2019</div>
|
||
<div class="snp-views-2-bottom-view" title="4829 просмотров"> <svg height="16" width="16"><use xlink:href="/themes/site/img/icons.svg#ico-view"></use></svg> 4829</div>
|
||
<div class="snp-views-2-bottom-comments"><a href="https://snipp.ru/php/contenteditable#comments"><svg height="18" width="18" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="m1408 768q0 139-94 257t-256.5 186.5-353.5 68.5q-86 0-176-16-124 88-278 128-36 9-86 16h-3q-11 0-20.5-8t-11.5-21q-1-3-1-6.5t.5-6.5 2-6l2.5-5 3.5-5.5 4-5 4.5-5 4-4.5q5-6 23-25t26-29.5 22.5-29 25-38.5 20.5-44q-124-72-195-177t-71-224q0-139 94-257t256.5-186.5 353.5-68.5 353.5 68.5 256.5 186.5 94 257zm384 256q0 120-71 224.5t-195 176.5q10 24 20.5 44t25 38.5 22.5 29 26 29.5 23 25q1 1 4 4.5t4.5 5 4 5 3.5 5.5l2.5 5 2 6 .5 6.5-1 6.5q-3 14-13 22t-22 7q-50-7-86-16-154-40-278-128-90 16-176 16-271 0-472-132 58 4 88 4 161 0 309-45t264-129q125-92 192-212t67-254q0-77-23-152 129 71 204 178t75 230z"/></svg> 0</a></div>
|
||
<div class="snp-like-cost">
|
||
<svg height="18" width="18" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m133.815 443.378v-201.791c0-2.507.632-4.962 1.897-7.148l4.141-7.268h-106.66c-7.938 0-14.379 6.46-14.379 14.416v201.791c0 7.953 6.44 14.412 14.379 14.412h114.993c-7.931 0-14.371-6.459-14.371-14.412z"/><path d="m435.682 198.344h-114.998v-86.483c0-31.798-25.787-57.651-57.494-57.651h-43.133c-7.93 0-14.368 6.456-14.368 14.408v68.237l-51.463 90.315-4.142 7.268c-1.265 2.186-1.897 4.642-1.897 7.148v201.791c0 7.953 6.44 14.412 14.372 14.412h14.38 216.339c22.715 0 43.355-13.46 52.527-34.245l46.111-104.04c.838-1.841 1.27-3.834 1.27-5.849v-57.655c0-31.801-25.791-57.656-57.504-57.656z"/></svg>
|
||
<span class="rating_plus">+7</span>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="snp-bookmark">
|
||
<a class="snp-bookmark-triger snp-open-login" href="#" title="Добавить в закладки">
|
||
<svg height="18" width="18" enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m5 4v18l7-3 7 3v-18c0-1.1-.9-2-2-2h-10c-1.1 0-2 .9-2 2z"/></svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</main>
|
||
</div>
|
||
<aside class="right-sidebar">
|
||
<nav class="block_watched">
|
||
<div class="block_watched-title">Инструменты</div>
|
||
<ul class="block_watched-list">
|
||
<li><a href="https://snipp.ru/tools/convent-webp">WebP в JPG, PNG, GIF</a></li>
|
||
</ul>
|
||
</nav>
|
||
|
||
<div class="banner">
|
||
<!-- Yandex.RTB R-A-278660-19 -->
|
||
<div id="yandex_rtb_R-A-278660-19"></div>
|
||
<script type="text/javascript">
|
||
(function(w, d, n, s, t) {
|
||
w[n] = w[n] || [];
|
||
w[n].push(function() {
|
||
Ya.Context.AdvManager.render({
|
||
blockId: "R-A-278660-19",
|
||
renderTo: "yandex_rtb_R-A-278660-19",
|
||
async: true
|
||
});
|
||
});
|
||
t = d.getElementsByTagName("script")[0];
|
||
s = d.createElement("script");
|
||
s.type = "text/javascript";
|
||
s.src = "//an.yandex.ru/system/context.js";
|
||
s.async = true;
|
||
t.parentNode.insertBefore(s, t);
|
||
})(this, this.document, "yandexContextAsyncCallbacks");
|
||
</script>
|
||
</div>
|
||
|
||
<nav class="right_popular">
|
||
<div class="right_popular-title">Еще на эту тему</div>
|
||
<ul>
|
||
<li class="right_popular-item">
|
||
<div class="right_popular-img">
|
||
<a href="https://snipp.ru/php/gd">
|
||
<img loading="lazy" src="/uploads/view/c70d6ce1aead4d29affcdcab3ced8811.png" alt="Обработка изображений в PHP"> </a>
|
||
</div>
|
||
<div class="right_popular-name">
|
||
<a href="https://snipp.ru/php/gd">Обработка изображений в PHP</a>
|
||
</div>
|
||
<div class="right_popular-text">
|
||
Библиотека GD дает возможность работать с изображениями в PHP. Далее представлены примеры как изменить размер, вырезать... </div>
|
||
</li>
|
||
<li class="right_popular-item">
|
||
<div class="right_popular-img">
|
||
<a href="https://snipp.ru/php/webp-php">
|
||
<img loading="lazy" src="/uploads/view/b4822d2b0182b43da61ee415bee0ac01.jpg" alt="Изображения WebP в PHP"> </a>
|
||
</div>
|
||
<div class="right_popular-name">
|
||
<a href="https://snipp.ru/php/webp-php">Изображения WebP в PHP</a>
|
||
</div>
|
||
<div class="right_popular-text">
|
||
WebP – формат сжатия изображений, разработанный Google. Имеет более меньший размер файла по сравнению с JPG, но не... </div>
|
||
</li>
|
||
<li class="right_popular-item">
|
||
<div class="right_popular-img">
|
||
<a href="https://snipp.ru/php/qr-code">
|
||
<img loading="lazy" src="/uploads/view/8e5aba9fc875bafc6c069921fc3ee1a3.png" alt="Генерация QR-кода в PHP"> </a>
|
||
</div>
|
||
<div class="right_popular-name">
|
||
<a href="https://snipp.ru/php/qr-code">Генерация QR-кода в PHP</a>
|
||
</div>
|
||
<div class="right_popular-text">
|
||
Вопрос генерации QR-кодов в PHP достаточно освещён, есть много библиотек, одной из них является «PHP QR Code» – быстрый... </div>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
|
||
<div id="load-menu-watch"></div>
|
||
|
||
<div class="banner" id="sticker">
|
||
<!-- Yandex.RTB R-A-278660-1 -->
|
||
<div id="yandex_rtb_R-A-278660-1"></div>
|
||
<script type="text/javascript">
|
||
(function(w, d, n, s, t) {
|
||
w[n] = w[n] || [];
|
||
w[n].push(function() {
|
||
Ya.Context.AdvManager.render({
|
||
blockId: "R-A-278660-1",
|
||
renderTo: "yandex_rtb_R-A-278660-1",
|
||
async: true
|
||
});
|
||
});
|
||
t = d.getElementsByTagName("script")[0];
|
||
s = d.createElement("script");
|
||
s.type = "text/javascript";
|
||
s.src = "//an.yandex.ru/system/context.js";
|
||
s.async = true;
|
||
t.parentNode.insertBefore(s, t);
|
||
})(this, this.document, "yandexContextAsyncCallbacks");
|
||
</script>
|
||
</div>
|
||
</aside>
|
||
</div>
|
||
</div> <footer class="footer">
|
||
<div class="wrp">
|
||
<div class="copiright">Для веб-разработчиков © Snipp.ru 2016-2020<br><a href="mailto:mail@snipp.ru">mail@snipp.ru</a></div>
|
||
<ul class="footer-menu">
|
||
<li><a href="https://snipp.ru/tools">Инструменты</a></li>
|
||
<li><a href="https://snipp.ru/new">Новое</a></li>
|
||
<li><a href="https://snipp.ru/popular">Популярное</a></li>
|
||
</ul>
|
||
<ul class="footer-links">
|
||
<li><a href="https://snipp.ru/policy">Политика конфиденциальности</a></li>
|
||
<li><a href="https://snipp.ru/terms">Пользовательское соглашение</a></li>
|
||
<li><a href="https://snipp.ru/donation">Поддержать проект</a></li>
|
||
</ul>
|
||
</div>
|
||
</footer>
|
||
|
||
<link rel="stylesheet" href="/themes/site/css/bottom.css?v=260">
|
||
<link rel="stylesheet" href="/plugins/CodeMirror/lib/codemirror.css">
|
||
<script src="/plugins/CodeMirror/lib/codemirror.js"></script>
|
||
<script src="/plugins/CodeMirror/mode/htmlmixed/htmlmixed.js"></script>
|
||
<script src="/plugins/CodeMirror/mode/xml/xml.js"></script>
|
||
<script src="/plugins/CodeMirror/mode/javascript/javascript.js"></script>
|
||
<script src="/plugins/CodeMirror/mode/css/css.js"></script>
|
||
|
||
|
||
<script async src="/plugins/sticky.js"></script>
|
||
<script async src="/plugins/ui.js"></script>
|
||
|
||
<!-- Yandex.Metrika counter --> <script>(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(39003605, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true, trackHash:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/39003605" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->
|
||
|
||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-116909670-1"></script>
|
||
<script>
|
||
window.dataLayer = window.dataLayer || [];
|
||
function gtag(){dataLayer.push(arguments);}
|
||
gtag('js', new Date());
|
||
|
||
gtag('config', 'UA-116909670-1');
|
||
</script>
|
||
|
||
</body>
|
||
</html> |