PHP изображение пикселя? - PullRequest
       63

PHP изображение пикселя?

6 голосов
/ 20 января 2012

Мне нужно сделать этот эффект с php.Я знаю, что в фильтре изображений PHP есть IMG_FILTER_PIXELATE.Но мне нужно, чтобы он был более гладким и рельефным?как на этом изображении:

image

Этот эффект заставит любое изображение, загруженное пользователем, стать пикселизированным, и край изображения станет красным (я знаю IMG_FILTER_EDGEDETECT, но я не знаю какиспользовать его, чтобы изменить цвет края).

Я понятия не имею, как это сделать.

Ответы [ 5 ]

15 голосов
/ 24 января 2012

Поскольку последний ответ был теоретическим и его оказалось недостаточно, я создал практический пример:
Примечание: это далеко от «идеальной» и идеальной функции эффекта пикселя, но она выполняет свою работу. Не стесняйтесь редактировать его в соответствии с вашими потребностями.

<?php
/* Function to make pixelated images
* Supported input: .png .jpg .jpeg .gif
* 
*
* Created on 24.01.2011 by Henrik Peinar
*/


/*
* image - the location of the image to pixelate 
* pixelate_x - the size of "pixelate" effect on X axis (default 10)
* pixelate_y - the size of "pixelate" effect on Y axis (default 10)
* output - the name of the output file (extension will be added)
*/
function pixelate($image, $output, $pixelate_x = 20, $pixelate_y = 20)
{
    // check if the input file exists
    if(!file_exists($image))
        echo 'File "'. $image .'" not found';

    // get the input file extension and create a GD resource from it
    $ext = pathinfo($image, PATHINFO_EXTENSION);
    if($ext == "jpg" || $ext == "jpeg")
        $img = imagecreatefromjpeg($image);
    elseif($ext == "png")
        $img = imagecreatefrompng($image);
    elseif($ext == "gif")
        $img = imagecreatefromgif($image);
    else
        echo 'Unsupported file extension';

    // now we have the image loaded up and ready for the effect to be applied
    // get the image size
    $size = getimagesize($image);
    $height = $size[1];
    $width = $size[0];

    // start from the top-left pixel and keep looping until we have the desired effect
    for($y = 0;$y < $height;$y += $pixelate_y+1)
    {

        for($x = 0;$x < $width;$x += $pixelate_x+1)
        {
            // get the color for current pixel
            $rgb = imagecolorsforindex($img, imagecolorat($img, $x, $y));

            // get the closest color from palette
            $color = imagecolorclosest($img, $rgb['red'], $rgb['green'], $rgb['blue']);
            imagefilledrectangle($img, $x, $y, $x+$pixelate_x, $y+$pixelate_y, $color);

        }       
    }

    // save the image
    $output_name = $output .'_'. time() .'.jpg';

    imagejpeg($img, $output_name);
    imagedestroy($img); 
}


pixelate("test.jpg", "testing");


?>

Это примерная функция для создания пиксельного эффекта на изображениях. Вот пример результатов использования этой функции:
Оригинал:
image
Pixelated 5px:
image
Pixelated 10px:
image
Pixelated 20px:
image

2 голосов
/ 25 января 2012

Спасибо за ваш ответ. Я использовал вашу функцию и добавил еще один цикл для изменения цвета внешнего пикселя квадратов, используя функцию imagelinethick в http://www.php.net/manual/en/function.imageline.php. Так получилось:

<?php 
$image = imagecreatefromjpeg('Penguins.jpg');
$imagex = imagesx($image);
$imagey = imagesy($image);

$pixelate_y=10;
$pixelate_x=10;
$height=$imagey;
$width=$imagex;
for($y = 0;$y < $height;$y += $pixelate_y+1)
{
    for($x = 0;$x < $width;$x += $pixelate_x+1)
    {
    // get the color for current pixel
    $rgb = imagecolorsforindex($image, imagecolorat($image, $x, $y));

    // get the closest color from palette
    $color = imagecolorclosest($image, $rgb['red'], $rgb['green'], $rgb['blue']);

    imagefilledrectangle($image, $x, $y, $x+$pixelate_x, $y+$pixelate_y, $color);   
    }
}


for($y = 0;$y < $height;$y += $pixelate_y+1)
{
for($x = 0;$x < $width;$x += $pixelate_x+1)
{
    //make a border line for each square
    $rgb = imagecolorsforindex($image, imagecolorat($image, $x, $y));
    $color = imagecolorclosest($image, 123, 123, 123);
    imagelinethick($image, $x, $y, $x, $y+$pixelate_y, $color, 1);
    imagelinethick($image, $x, $y, $x+$pixelate_x, $y, $color, 2);
}       
}

function imagelinethick($image, $x1, $y1, $x2, $y2, $color, $thick = 1)
{
    /* this way it works well only for orthogonal lines
    imagesetthickness($image, $thick);
    return imageline($image, $x1, $y1, $x2, $y2, $color);
    */
    if ($thick == 1) {
        return imageline($image, $x1, $y1, $x2, $y2, $color);
    }
$t = $thick / 2 - 0.5;
if ($x1 == $x2 || $y1 == $y2) {
    return imagefilledrectangle($image, round(min($x1, $x2) - $t), round(min($y1, $y2) - $t), round(max($x1, $x2) + $t), round(max($y1, $y2) + $t), $color);
}
$k = ($y2 - $y1) / ($x2 - $x1); //y = kx + q
$a = $t / sqrt(1 + pow($k, 2));
$points = array(
    round($x1 - (1+$k)*$a), round($y1 + (1-$k)*$a),
    round($x1 - (1-$k)*$a), round($y1 - (1+$k)*$a),
    round($x2 + (1+$k)*$a), round($y2 - (1-$k)*$a),
    round($x2 + (1-$k)*$a), round($y2 + (1+$k)*$a),
);
imagefilledpolygon($image, $points, 4, $color);
return imagepolygon($image, $points, 4, $color);
}

header("Content-Type: image/JPEG");
imageJPEG($image, "", 75);

?>

Результат примерно такой: http://www.flickr.com/photos/52700219@N06/6759029339/

Но я думаю, что это все еще нуждается в некотором улучшении, чтобы сделать его более плавным.

1 голос
/ 22 января 2012

Вот теоретически:
У вас есть изображение:

RGBRGBRGBRGB
GBRGBRGBRGBR
GBRGBRGBRRGB
BGRGBGRGGRBG

Возьмите цвет первого пикселя и установите тот же цвет для квадрата следующих пикселей (как вниз, так и вправо). Затем возьмите цвет 5-го пикселя (так как 4 в начале уже имеют одинаковый цвет). Если вы сделали для первого ряда, спуститесь на 3 строки вниз и начните снова.

Итак, вы получите:
RRRRGGGBBBB
RRRRGGGBBBB
RRRRGGGBBBB
RRRRGGGBBBB

В PHP вы можете использовать следующие функции, чтобы сделать это:
http://php.net/manual/en/function.imagecolorat.php для выбора цвета пикселя
http://php.net/manual/en/function.imagecolorset.php для установки цвета пикселя
http://php.net/manual/en/function.imagesx.php получить ширину изображения
http://php.net/manual/en/function.imagesy.php получить высоту изображения

используется для создания циклов по пикселям изображения

0 голосов
/ 21 февраля 2016

Примечание для php 5.4 и выше, вы должны использовать:

imageJPEG($image, NULL, 75);

Вы больше не можете указывать NULL с помощью двойной кавычки (как в этом примере):

imageJPEG($image, "", 75);
0 голосов
/ 11 января 2015

Это моя попытка решить проблему.

Вы можете изменить размер блока пикселов и применить размытие, которое смягчает эффект на высококонтрастных изображениях.Может быть медленным на больших изображениях с небольшими размерами пиксельного блока.

Сценарии хранят цвета соответствующих пикселей в массиве.Затем он тисняет изображение, при необходимости изменяет контраст, пикселирует изображение с помощью функции imagefilter (), а затем (если установлено улучшение листов) снова его наносит (это увеличивает эффект 3D на конечных плитках).Если требуется размытие, скрипт применяет размытие по Гауссу.Затем сценарий рисует заполненные квадраты с использованием цветового массива, чтобы создать красочный пиксельный эффект в границах рельефной плитки.

function pixelatemboss($image,$blockwidth=10,$blur=5,$tileenhance="true",$contrast=0,$negate="true")
{
    if($blockwidth>1)
    {
        imagefilter($image,IMG_FILTER_CONTRAST,$contrast);

        for($x=1;$x<imagesx($image);$x=$x+$blockwidth)
        {
            for($y=1;$y<imagesy($image);$y=$y+$blockwidth)
            {
                $color[$x][$y]=imagecolorat($image,$x,$y);
            }
        }

        imagefilter($image,IMG_FILTER_EMBOSS);
        imagefilter($image,IMG_FILTER_CONTRAST,$contrast);
        imagefilter($image,IMG_FILTER_PIXELATE,$blockwidth,false);
        if($tileenhance=="true")
        {
            imagefilter($image,IMG_FILTER_EMBOSS);
        }
        for($b=0;$b<$blur;$b++)
        {
            imagefilter($image,IMG_FILTER_GAUSSIAN_BLUR);
        }
        for($x=1;$x<imagesx($image);$x=$x+$blockwidth)
        {
            for($y=1;$y<imagesy($image);$y=$y+$blockwidth)
            {
                $rgb=$color[$x][$y];
                $r = ($rgb >> 16) & 0xFF;
                $g = ($rgb >> 8) & 0xFF;
                $b = $rgb & 0xFF;
                $col=imagecolorallocate($image,$r,$g,$b);
                imagefilledrectangle($image,$x,$y,$x+($blockwidth-2),$y+($blockwidth-2),$col);  
            }
        }
    }
    return $image;
}
...