How to Generate Quote Shots from Webpages Using Glasp

Glasp Tutorial

Glasp Tutorial

Sep 21, 2025

3 min read

Want to turn your favorite highlights into beautiful quote images you can share on Twitter, Instagram, LinkedIn, or anywhere else? With Glasp’s quoteshot feature, you can instantly create elegant, customizable quote images directly from web pages — no need for Canva or Photoshop.

In this tutorial, we’ll walk you through how to generate quoteshots step by step.

If you haven't signed up for Glasp or installed the Glasp browser extension, please do so. You can refer to this tutorial.


Generate Beautiful Quoteshots from Webpages with Glasp (YouTube)


Step 1: Open a Web Page

Open any page that contains a sentence you want to make a quote shot. Then, select a sentence you want to make a quote shot. You can see a quote sign on the popup, so please click it.

It shows a modal to customize the quote shot.

There are four options you can customize;

  • Shape: Square or Landscape

  • Font: Italic or Regular

  • Background Color: White, Yellow, Orange, Pink, Green, Blue, Dark blue, and Black

  • Quotation Marks: With quotation marks or without quotation marks

For example, if you choose landscape, regular, orange, and without quotation marks, it appears below.


Step 2: Get a Quote Image

After you customize the quote shot, get an image. You can copy or save the image.

If you want to use the image for Twitter and don’t need to save it, you can copy and paste it on Twitter. Please right-click over the image and click Copy Image on the options.

Then, paste it on Twitter.

If you want to save the image, click the download button at the bottom of the modal.

It opens the OS's file system such as Finder, so name and save it.


(Optional) Step 3: Post a Sentence and Save an Image

If you want to post a sentence on Twitter or Facebook and save the image, click the Twitter or Facebook icon at the bottom of the modal.

If you click either, it opens a page to post. For example, when I click the Twitter icon button, it opens Twitter's post page. It contains the sentence you select, the title of the article, and the link to the article.


FAQs

Q. Do I need a Glasp account to generate quoteshots?

Yes. Please sign up and install the Glasp browser extension first.

Q. Can I customize the design of quoteshots?

Yes. You can choose the shape, font style, background color, and whether to include quotation marks.

Q. Can I use quoteshots on Instagram or LinkedIn?

Absolutely! Just download the image and upload it anywhere — Instagram, LinkedIn, blog posts, or even presentations.

Q. Is the quoteshot feature free?

Yes. Quoteshots are included in the free version of Glasp.

Q. Do quoteshots include attribution to the source article?

Yes. If you share directly to Twitter or Facebook, Glasp includes the highlight, article title, and link, giving proper credit.


✨ With quoteshots, you can make your highlights more visual, shareable, and engaging in just a click. Try it today and start sharing your favorite insights beautifully!

👉 Install Glasp Browser Extension


Before you leave

If you have any questions, please refer to the FAQ or contact us.

👉 FAQs

👉 X

👉 Reddit

See you next time,

Glasp team

Comments

Add a comment