Smashing Pixels with Imanee

Smashing Pixels with Imanee

Presenting Imanee, a simple PHP library for image manipulation

719435d98d452de7ac367c828266cf01?s=128

Erika Heidi

June 24, 2015
Tweet

Transcript

  1. 1.
  2. 2.
  3. 3.

    Image manipulation • Important in any programming language • Essential

    operations – Resizing – Creating Thumbnails – Cropping • More fun stuf – Filters and collages – Animated gifs
  4. 5.

    Resize Example: GD <?php header("Content-type: image/jpg"); $image = imagecreatefromjpeg('img01.jpg'); $width

    = 200; $height = 200; $finalWidth = $width; $finalHeight = ($finalWidth * imagesy($image)) / imagesx($image); if ($finalHeight > $height) { $finalHeight = $height; $finalWidth = ($finalHeight * imagesx($image)) / imagesy($image); } $newimage = imagecreatetruecolor($finalWidth, $finalHeight); imagecopyresampled($newimage, $image, 0, 0, 0, 0, $finalWidth, $finalHeight, imagesx($image), imagesy($image)); echo imagejpeg($newimage);
  5. 6.

    Resize Example: Imagick <?php header("Content-type: image/jpg"); $image = new Imagick('img01.jpg');

    $width = 200; $height = 200; $image->resizeImage($width, $height, IMAGICK::FILTER_LANCZOS, 1, true); echo $image->getImageBlob();
  6. 7.

    Resize Example: Imanee <?php include __DIR__ . '/vendor/autoload.php'; header("Content-type: image/jpg");

    $imanee = new Imanee\Imanee('img01.jpg'); echo $imanee ->resize(300, 300) ->output();
  7. 8.

    Introducing: Imanee • Image manipulation for fun projects • Requirements

    – PHP >= 5.4 – Imagick (php5-imagick) OR – GD (php5-gd)* • Installation – $ composer require imanee/imanee * the GD extension doesn't support animated gifs
  8. 9.

    Getting Started <?php include __DIR__ . '/vendor/autoload.php'; use Imanee\Imanee; header("Content-type:

    image/jpg"); $imanee = new Imanee('img01.jpg'); echo $imanee ->resize(300, 300) ->output();
  9. 11.

    Basic operations: Thumbnail w/ crop header("Content-type: image/jpg"); $imanee = new

    Imanee('img01.jpg'); echo $imanee->thumbnail(300, 300, true) ->output();
  10. 15.

    Writing Text with custom Drawer header("Content-type: image/jpg"); $imanee = new

    Imanee('img01.jpg'); $imanee->getDrawer() ->setFont('almonte_wood.ttf') ->setFontColor('yellow') ->setFontSize(100); echo $imanee->placeText('testing imanee!', Imanee::IM_POS_MID_CENTER) ->output();
  11. 18.

    Collages header("Content-type: image/jpg"); $imanee = new Imanee('img01.jpg'); echo $imanee ->placeImage('cat01.png',

    Imanee::IM_POS_TOP_LEFT) ->placeImage('cat02.png', Imanee::IM_POS_TOP_RIGHT) ->output();
  12. 19.

    Animated Gifs header("Content-type: image/gif"); $frames = ['cat01.png', 'cat02.png', 'cat03.png', 'cat04.png'];

    $imanee = new Imanee(); $imanee->addFrames($frames); echo $imanee->animate(30); $frames = ['cat01.png', 'cat02.png', 'cat03.png', 'cat04.png']; echo Imanee::arrayAnimate($frames, 30); echo Imanee::globAnimate(__DIR__ . '/*.png', 30);
  13. 20.
  14. 21.

    Resources • Getting Started – Documentation: http://docs.imanee.io – Simple demos:

    http://imanee.io • Built with Imanee – Placephant: http://placephant.com • Try: http://placephant.com/{width}/{height} – Gifagram: [demo]