How to share link with image in whatsapp?
Basically you need four OG (Open Graph) meta tags in the <head> section of your webpage. The four OG meta tags gives the informaton to whatsapp about title ,description,url and image of your webpage. The four tags are og:title, og:description, og:url, og:image. Below example shows how to implement these tags.
<html> <head> <meta property="og:title" content="How to change the address bar color in Chrome, Firefox, Opera, Safari" /> <meta property="og:description" content="How to change the address bar color in Chrome, Firefox, Opera, Safari" /> <meta property="og:url" content="http://webdevelopmentscripts.com/64-how-to-change-the-address-bar-color-in-chrome-firefox-opera-safari" /> <meta property="og:image" content="http://webdevelopmentscripts.com/post-images/685b-change-browser-address-bar-color-chrome-android.jpeg" /> </head> </html>Make sure the image given in the tag are in reasonable size. Image given in the above example is 200x266 size, Basically 256x256 size images works without any issues. That's it, You're done. Put these tags in your head section of the webpage and try to share the page, you will see that preview.