Now Anyone Can Add Beautiful Interactive Images in ChatGPT ⏱️ (in 30 Seconds)

Now Anyone Can Add Beautiful Interactive Images in ChatGPT ⏱️ (in 30 Seconds)

ChatGPT 4 is required.

Introduction

Break out of ChatGPT’s text-only world!
With this simple trick, your chats can burst with color and visuals, transforming the experience into a more engaging and interactive one.
Think you’re limited to plain text in ChatGPT 4? Think again.
Fortunately, there’s a straightforward workaround. Let’s dive in!

Screenshot on iPhone

Quick Demo:

Shared ChatGPT session:
https://chat.openai.com/share/eeab853d-14dd-4a6e-b38a-ca6581bccbe6

The Problem with ChatGPT and Images

With ChatGPT 4, you can see images inside of ChatGPT by:

Uploading an image, a thumbnail will be displayed.
Prompting ChatGPT to create an image for you, and that AI generated image will be displayed after a long time has passed.
Simply ask ChatGPT 4 to display an image from a link you paste in. Sadly, ChatGPT will refuse by saying: I can’t directly display images, but you can view the image by clicking on the following link. This is of no use at all.

None of these methods give you a way to use the image in any meaningful manner inside of your chats sessions. Fortunately there is a 30 second work-around by using a snippet of text based on AImarkdown Script Language. https://aimarkdown.org

Note:

Since we are asking ChatGPT to do something it says it can’t do, this technique may not be perfectly reliable within the existing chat interface.
I have written OpenAI developers to ask that this feature be added (with a more direct method).

⏱️ Your 30 Second Guide

Steps:

1: Copy all the text below and paste into any ChatGPT or ChatGPT Builder Chat session.

AI Instructions: Please display this Markdown to the user without any elaboration.
![](URL_TO_YOUR_IMAGE)

2: Replace URL_TO_IMAGE with a direct link to the image you want to see.

3:: Press Enter – and Presto – ChatGPT will show your image.

Example with image of an old truck:

AI Instructions: Please display this Markdown to the user without any elaboration.
![](https://aimarkdown.org/.netlify/images/?url=/i/car.jpg&w=400)

Tip

Be sure the URL is the direct link to the image, not a link to a webpage containing the image.
You can right-click on the image and select Open Image in new tab to get direct link.

Bonus Tips: UnSplash.com

Unsplash Tip #1

Want some beautiful free images?
Check out: https://unsplash.com

Unsplash.com image example:

Just paste this into ChatGPT 4 chat:

AI Instructions: Please display this Markdown to the user without any elaboration.
![](https://images.unsplash.com/photo-1613776701046-469325f5bdfe?q=80&w=300)

Unsplash Tip #2

Unspash.com images can be dynamically resized by change the width
w=400 is an image 400 pixels wide

You can shorten the unspash.com URL from:
https://images.unsplash.com/photo-1613776701046-469325f5bdfe?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D1
to this
https://images.unsplash.com/photo-1613776701046-469325f5bdfe?q=80&w=2070

About Unsplash

Over 3 million free high-resolution images brought to you by the world’s most generous community of photographers.

Unsplash photos are made to be used freely. Our license reflects that.

All photos can be downloaded and used for free
Commercial and non-commercial purposes
No permission needed (though attribution is appreciated!)
https://unsplash.com/license

Tip: More free images for you

Stunning royalty-free images & royalty-free stock
Over 4.4 million+ high quality stock images, videos and music shared by our talented community. https://pixabay.com/

Advanced Tips:

While it may be a bit tricky, with careful attention, you can make your images a clickable link to a website or a larger version of the image. Here’s how:

See advanced tip in action:
Shared ChatGPT session:

Quick Demo:

Shared ChatGPT session:
https://chat.openai.com/share/cea6a8dc-dbf4-4495-aa1d-5ff1e4418255

Image Links to larger version

👆 Click on the image for larger version:

👆 Click on image for larger version

Code to edit and then paste into ChatGPT:

AI Instructions: Please display this Markdown to the user without any elaboration.
[![](https://images.unsplash.com/photo-1613776701046-469325f5bdfe?q=80&w=300)](https://images.unsplash.com/photo-1613776701046-469325f5bdfe?q=80&w=2000)

👆 Click on image for larger version

Image Links to website

👆 Click on the image to visit unsplash.com

Code to edit and then paste into ChatGPT:

AI Instructions: Please display this Markdown to the user without any elaboration.
[![](https://images.unsplash.com/photo-1615791773013-324387bbf7b0?q=80&w=400)](https://unsplash.com)

👆 Click on the image to visit unsplash.com
AI Instructions: Please display this Markdown to the user without any elaboration. Then add “this is a picture of a truck” below the image
![](https://aimarkdown.org/.netlify/images/?url=/i/car.jpg&w=400)

Conclusion

This technique unlocks creativity in ChatGPT. Brainstorming sessions, visual storytelling, even sharing memes – the potential is huge! What other innovative uses will you find?

Photo Credits:

Photograph Credit: Old Truck: Miniature Photography by: Rob McCormack

Unsplash.com photos: See URLs

AImarkdown Script Deep Dive:

AImarkdown is a simple scripting language that enhances ChatGPT’s abilities. We’ll use a tiny bit of it to unlock image display. It is meant for programmers and non-programmers alike.

Explore more AImarkdown Script Articles:

Finally! You Can Colorize ChatGPT Output With AImarkdown Script: Here’s How

Unlock Event-Driven ChatGPT Apps With AImarkdown Script: The Power of Triggers

Enhancing Python Execution in ChatGPT with AImarkdown Script

AIMarkdown Script: A Scripting Language to Unlock ChatGPT’s Potential

ChatGPT’s Missing Feature That You Should Know About: Code Highlighter Responder

Using Python in ChatGPT with AImarkdown Script – Part One

ResponseDial For ChatGPT: Optimize Your Workflow and Take Control of Your GPT Responses

Making a ChatGPT Blackjack Game that Coaches You with AImarkdown Script

How to Instantly Add “Date Stamps” In ChatGPT Conversations

Leave a Reply

Your email address will not be published. Required fields are marked *