How to Add Text in an Image

Pin It


This small script describes how to add a custom text to an image loaded onto your page. One of my client wanted to add a copyright notice in her images related to her site. So, I came up with this small PHP script for her.

Adding Text to an Image

Using the PHP GD function called imagecreatefromjpeg, imagecreatefromgif and imagecreatefrompng. We can add a custom text to an already existing image file.
So you have imagecreatefromjpeg for jpeg file, imagecreatefrompng for png file and so on.

< ?php
header("Content-type: image/png");
$string = "copyright: some text";
$font = 4;
$width = imagefontwidth($font)* strlen($string) ;
$height = imagefontheight($font) ;

This will setup the structure of the data being sent to the image file as well as what location to place the text at. In this case we want to place it on the bottom right of the page.

Now, we use imagecreatefrompng to create image from a file, set the text color, get the images dimensions, and figure on where to place the text.

$im = imagecreatefrompng("/path/to/yourimagefile");
$x = imagesx($im) - $width ;
$y = imagesy($im) - $height;
 
$backgroundColor = imagecolorallocate ($im, 255, 255, 255);   //white background
$textColor = imagecolorallocate ($im, 0, 0, 0);   //black text
imagestring ($im, $font, $x, $y,  $string, $textColor);

Finally we produce the new image that will display custom text in an image.

imagepng ($im);
?>

Here is the complete code:

< ?php
header ("Content-type: image/png");
$string = "your text";
// try changing this as well
$font = 4;
$width = imagefontwidth($font) * strlen($string) ;
$height = imagefontheight($font) ;
$im = imagecreatefrompng("/path/to/yourimagefile");
$x = imagesx($im) - $width ;
$y = imagesy($im) - $height;
$backgroundColor = imagecolorallocate ($im, 255, 255, 255);
$textColor = imagecolorallocate ($im, 0, 0,0);
imagestring ($im, $font, $x, $y,  $string, $textColor);
imagepng($im);
?>

You may like to view demo.

15 total comments on this postSubmit yours
  1. it didn’t work.. it only outputs the location of the php file but in image form.

  2. You cannot place any rendering code in this file as it’s returning just an image file.

    No session_start, echo or just plain HTML.

  3. i have a images.i want to add a text to this image.you cant give me a example ?

  4. It didn’t wrk please change the code

  5. I lost a day because of your code!!!!!!!!!!!

  6. Modify
    $x = imagesx($im) – $width ;
    $y = imagesy($im) – $height;
    to put the text wherever you want
    Make sure you write the file path correctly.

  7. Thanks for this excellent tutorial!
    Contrary to what others might say, it worked excellently for me!
    You saved the day!

  8. hey bro i have done the making of image using a javascript and php but i am unable to save it online so that i can retrieve it when needed. would u help me please. here is the link of the files rar.
    http://lkrvk.com/chat/imagemaking.rar

  9. It works, you just have to get rid of the space in the first line so it knows that it’s PHP.

    So change “< ?php" to "<?php"

  10. Thanks alot man, its works great ………….

  11. works great if you get the image path correct and give imagepng a path to save the file to.

  12. heres a hint after i spent hours trying to get it work also.
    the above code place into a new file .name it whatever you want .example image.php

    then use this on the page where you want to display the image
    echo “”;

    it worked for me after hours of scratching my head.

  13. Yes, sir.
    It worked perfectly.
    Tried PNG & JPEG … and they worked correctly.

    Thanks alot for sharing this code :)

  14. Is there anyway to make it placed horizontal center?

  15. Thanks.

    Got problems in beginning, but fixed and working flawlessly.

    Here is my code if anyone wants to use.

    <?php
    header ("Content-type: image/png");
    $string = "YOUR TEXT"; //YOUR TEXT eg: Hi Mom :)
    $imageO = "IMAGE.png"; //YOUR IMAGE AND LOCATION eg: images/myimage.png
    $imageN = "IMAGE2.png"; //YOUR NEW IMAGE eg: mynewimage.png

    //PLEASE NOTE IF YOU HAVE TROUBLE MAKE SURE YOUR OUTPUT IMAGE IS NOT IN A SEPARATE FOLDER, IT WILL OUTPUT TO THE FOLDER OF THE .php FILE

    $font = 4; //YOUR FONT SIZE

    $width = imagefontwidth($font) * strlen($string) ;
    $height = imagefontheight($font) ;
    $im = imagecreatefrompng($imageO);

    $x = imagesx($im) / 2; //PLACEMENT CENTERISH – X
    $y = imagesy($im) / 2; //PLACEMENT CENTERISH – Y

    $backgroundColor = imagecolorallocate ($im, 255, 255, 255);
    $textColor = imagecolorallocate ($im, 0, 0,0);
    imagestring ($im, $font, $x, $y, $string, $textColor);
    imagepng($im,$imageN);
    $w = imagesx($im);
    $h = imagesy($im);
    //PRINT IMAGE ON SCREEN
    echo "”;
    echo “M.R. Inc – 2012“;
    ?>

    Regards
    Mitchell

3 total pingbacks on this post
Submit your comment

Please enter your name

Your name is required

Please enter a valid email address

An email address is required

Please enter your message

Twitter

  • May 2, 2012 04:15

    10 Free WordPress Theme To Make You Forget About Premium Theme http://t.co/YRiLCiVa

  • March 2, 2012 17:16

    3 Helpful Tools to Test Cross Browser Compatibility of Webpage http://t.co/FY0jh8Dn

  • March 2, 2012 16:43

    3 Helpful Tools to Test Cross Browser Compatibility of Webpage http://t.co/QUlYKInf #IE #FF #Chrome #Testing #CrossBrowser

  • March 2, 2012 12:52

    Top 5 Plugins to Build Contact Form for WordPress http://t.co/PWyR08Iq #WordPress #Plugins #ContactForm

  • June 11, 2011 02:49

    CSS 3 Transitions http://bit.ly/m0pK3t

Design Gala © 2012 All Rights Reserved

Designed by 76miles

Powered by WordPress

More in PHP (1 of 5 articles)