Cropping monophonic fields in images

Often the image contains plain white frames. They do not carry any useful function and only increase the size of the image. This slows down the loading of the image and the page as a whole.

Remove the empty white edges from the image using the “Crop to content” function in graphic editors.

Demonstration of the work and code of the PHP function cropping images:

Demonstration

PHP code

HTML code

Open a demo Download the example code

<?php
/**
 * Вам нужно установить imagemagick.
 * Для убунту это делается так apt install imagemagick
 */

$data = exec("magick photo.jpg -trim photo_crop.jpg", $output);
$data = array_pop($output);
?><!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
            .grid {
                display: grid;
                grid-template-columns: 1fr 1fr 1fr;
                grid-gap: 10px;
            }
            img {
                width: 100%;
                border:2px solid black;
                border-radius: 5px;
            }
        </style>
    </head>
    <body>
        <div class="grid">
            <div>
                Исходная картинка
                <img src="./photo.jpg" />
            </div>
            <div>
                Обрезанная картинка
                <img src="./photo_crop.jpg" />
            </div>
        </div>
    </body>
</html>

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
            .grid {
                display: grid;
                grid-template-columns: 1fr 1fr 1fr;
                grid-gap: 10px;
            }
            img {
                width: 100%;
                border:2px solid black;
                border-radius: 5px;
            }
        </style>
    </head>
    <body>
        <div class="grid">
            <div>
                Исходная картинка
                <img src="./photo.jpg" />
            </div>
            <div>
                Обрезанная картинка
                <img src="./photo_crop.jpg" />
            </div>
        </div>
    </body>
</html>

Tariff plans for working with the service

Service test

1 page per month

0₽ per page

For 1 site

Free of charge

Tools available:

One-time verification

pages by 10 day

6.6₽ per page

For 1 site

990₽ / one-time

Tools available:

Select

Subscription

pages by 30 day

₽ per page

Any website

/ month

Tools available:

Additional pages

For an active subscription

spend during the year

Any website

*0.3 - 3₽ / 1 page

Additional pages for the Subscription plan.

Adding funds via your merchant profile.

*The price depends on the active subscription. The more expensive the tariff, the cheaper the additional pages.