facebook twitter github smile-o hacker-news medium reddit-alien Slice 2 Copy


Drop your image here
Or click here to select your image
logaster

How to Use Text on Image Online?

  • Enter the text you want on Image in the textarea above.
  • You can choose a Google Font for writing the text (works best on Google Chrome).
  • You can show or hide the text shadow using the checkbox.
  • Specify the position of the text on Image: Left, Center, Top, Top-Left, Top-Center, Top-Right, Bottom-Left, Bottom-Center or Bottom-Right.
  • Background can be an image, plain color background or a gradient background.
  • If background type is image, you can drag and drop an image from your local system in the box to render it behind the text.
  • If background type is color then you can specify a color in Hex, RGB or HSL format or use the random button for a random color.
  • If background type is gradient then you can specify the primary and secondary colors for a linear gradient to be generated in the background.
  • We do not store any of the images you create and everything is done inside your browser.

About Text on Image Online

Online tool to add text on Images and save it as JPG or PNG. Choose from multiple Google Fonts for writing text on image.

Credits

  • vue.js - The Progressive JavaScript Framework
  • canvas-text-wrapper - Splits canvas text into lines on specified rule
  • webfontloader - Web Font Loader loads fonts from Google Fonts
  • TinyColor - Fast, small color manipulation and conversion for JavaScript
  • download.js - Client-side file downloading using JS and HTML5 by dandavis