You may encounter some astrology or some of your pictures to friends fun, it is not just fun? Well, why not create some interesting pages, as in your website so your visitors to generate a Facebook ID card, they can save on your own computer or Facebook Wall Post. Let us concentrate on using PHP and PHP SDK for Facebook users to create some real find “Facebook’s ID”.


We will merge image files, write text on the Facebook ID, so make sure GD is working properly. I have included in the following downloadable sample files PHP SDK Facebook and free fonts Didact Gothic.ttf by Daniel Johnson.

Facebook’s SDK
We in our PHP file Facebook PHP SDK file and write basic code block, it will connect to Facebook, and get the corresponding user data for us to further continue to boot. Everything happens here is just a local PHP file, here’s a look our Facebook SDK original PHP code:

//include facebook SDK

//New Facebook object with your app id and app secret
$facebook = new Facebook(array(
  'appId'  => $appId,
  'secret' => $appSecret,

//get facebook user
$fbuser = $facebook->getUser();

if(!$fbuser) //if user is null
    //show login button
    //do stuff like merging image and

Basically, the user is redirected to the Facebook authentication, and then granting users to share data to the application, the only way we can continue to produce their Facebook ID card.

Generation ID card
Once the user authentication, to return to the page, we copy the user profile image of a local server using PHP copy () function, and then we need to use a blank template card image consolidation profile picture, and write a user’s name, date of birth, home image using TrueType fonts.

//copy facebook image to local folder

//merge two images (profile picture on id card image template)
imagecopymerge($dest, $src, 320, 32, 0, 0, 100, 100, 100); 

//write on merged image using a font
imagettftext($dest, 10, 0, 170, 190, 'color' , 'DidactGothic.ttf', 'Text to write');

Below you’ll find, Facebook generation ID whole PHP code. Comment lines should make things easier for you to understand, you can also download the sample files, and create your own version of the ID card.

######### edit details ##########
$appId              = 'xxxxxxxxxxx'; //Facebook App ID
$appSecret          = 'xxxxxxxxxxxxxxxxxxxxxxxx'; // Facebook App Secret
$return_url         = '';  //return url (url to script)
$temp_folder        = 'tmp/'; //temp dir path to store images
$fbPermissions      = 'publish_stream,user_hometown,user_birthday';  //Required facebook permissions
$image_id_png       = 'assets/id.png'; // id card image template path
$font               = 'assets/fonts/DidactGothic.ttf'; //font used

// make sure curl is enabled and working
if (!in_array  ('curl', get_loaded_extensions())){die('curl required!');} 

//include facebook SDK

//Facebook API
$facebook = new Facebook(array(
  'appId'  => $appId,
  'secret' => $appSecret,

if(isset($_GET["logout"]) && $_GET["logout"]==1)
    //Destroy the current session and logout user
    header('Location: '.$return_url);

//get currently logged-in Facebook user details
$fbuser = $facebook->getUser();

    //new users get to see this login button
    $loginUrl = $facebook->getLoginUrl(array('scope' => $fbPermissions,'redirect_uri'=>$return_url));
    echo '
<div style="margin:20px;text-align:center;"><a href="'.$loginUrl.'"><img src="assets/facebook-login.png" /></a></div>

     //get user profile
     try {
        $user_profile = $facebook->api('/me');
        //list of user granted permissions
        $user_permissions = $facebook->api("/me/permissions"); 
      } catch (FacebookApiException $e) {
        echo $e;
        $fbuser = null;
      //login url
      $loginUrl = $facebook->getLoginUrl(array('scope' => $fbPermissions,'redirect_uri'=>$return_url)); 
      // permission required to proceed
      $permissions_needed = explode(',',$fbPermissions); 
      //loop thrugh each permission
      foreach($permissions_needed as $per) 
        //if more permission needed show login link
        if (!array_key_exists($per, $user_permissions['data'][0])) { 
<div>We need additional '.$per.' permission to continue, <a href="'.$loginUrl.'">click here</a>!</div>

    //display logout url
    echo '
<div>'.$user_profile["name"].' [<a href="?logout=1">Log Out</a>]</div>

        ###### start generating ID ##########
    //copy user profile image from facebook in temp folder
        die('Could not copy image!');

    ##### start generating Facebook ID ########
    $dest = imagecreatefrompng($image_id_png); // source id card image template
    $src = imagecreatefromjpeg($temp_folder.$fbuser.'.jpg'); //facebook user image stored in our temp folder
    imagealphablending($dest, false); 
    imagesavealpha($dest, true);
    //merge user picture with id card image template
    //need to play with numbers here to get alignment right
    imagecopymerge($dest, $src, 320, 32, 0, 0, 100, 100, 100); 
    //colors we use for font
    $facebook_blue = imagecolorallocate($dest, 81, 103, 147); // Create blue color
    $facebook_grey = imagecolorallocate($dest, 74, 74, 74); // Create grey color
    //Texts to embed into id card image template
    $txt_user_id        = $fbuser;
    $txt_user_name      = isset($user_profile['name'])?$user_profile['name']:'No Name';
    $txt_user_gender    = isset($user_profile['gender'])?$user_profile['gender']:'No gender';
    $txt_user_hometown  = isset($user_profile['hometown'])?$user_profile['hometown']['name']:'Unknown';
    $txt_user_birth     = isset($user_profile['birthday'])?$user_profile['birthday']:'00/00/0000';
    $user_text          = 'Your source for Google+ and hangout graphics for free.';
    $txt_credit         = 'Generated using';
    //format birthday, not showing whole birth date!
    $fb_birthdate = date($txt_user_birth);
    $sort_birthdate = strtotime($fb_birthdate);
    $for_birthdate = date('d M', $sort_birthdate);

    imagealphablending($dest, true); //bring back alpha blending for transperent font
    imagettftext($dest, 10, 0, 170, 190, $facebook_grey , $font, $txt_user_id); //Write user id to id card
    imagettftext($dest, 15, 0, 25, 105, $facebook_grey, $font, $txt_user_name); //Write name to id card
    imagettftext($dest, 15, 0, 25, 147, $facebook_grey, $font, $txt_user_gender); //Write gender to id card
    imagettftext($dest, 15, 0, 170, 147, $facebook_grey, $font, $txt_user_hometown); //Write hometown to id card
    imagettftext($dest, 15, 0, 25, 190, $facebook_grey, $font, $for_birthdate); //Write birthday to id card
    imagettftext($dest, 10, 0, 25, 215, $facebook_grey, $font, $user_text); //Write custom text to id card
    imagettftext($dest, 8, 0, 25, 240, $facebook_blue, $font, $txt_credit); //Write credit link to id card
    imagepng($dest, $temp_folder.'id_'.$fbuser.'.jpg'); //save id card in temp folder

        //now we have generated ID card, we can display it on browser or post it on facebook

    echo '<img src="tmp/id_'.$fbuser.'.jpg" >'; //display saved id card
    /* or output image to browser directly
    header('Content-Type: image/png');

    /*  //Post ID card to User Wall
        $post_url = '/'.$fbuser.'/photos';
        //posts message on page statues
        $msg_body = array(
        'message' => 'interesting ID';
        $postResult = $facebook->api($post_url, 'post', $msg_body );

In conclusion
This is what you can do to funny pictures to your Facebook user just for example, all you need is an idea! Download the following sample file, do not forget to check working demo, please share your thoughts and feedback, I wish you good luck!