Create Perfectly Sized Cover Images for Dev.to

Jeremy Grifski - May 14 '20 - - Dev Community

As a heads up, I'm making this post as a plug for my Image Titler tool that I've been developing in my spare time for a little over a year now:

GitHub logo TheRenegadeCoder / image-titler

An image title generator using The Renegade Coder style

Image Titler

Discord

The Image Titler is a tool which provides options for generating thumbnails for various social media platforms Currently, the tool has a predefined style which looks roughly like the following image:

23 Tech Topics to Tackle

To see more examples, check out our list of samples.

How to Run

The following code snippet demonstrates a few ways you might use the script:

pip install image-titler # Installs the script
image-titler # Runs as default
image-titler --title "Hello, World!"  # Adds a custom title
image-titler --output_path "path/to/output"  # Sets the output path
image-titler --path "path/to/image"  # Sets the image path
image-titler --tier "free"  # Sets the membership tier which changes the rectangle borders
image-titler --logo_path "path/to/logo"  # Adds a 145x145 logo to the lower left corner of the image
image-titler --batch  # Runs the program in batch mode on a directory
image-titler --font 
Enter fullscreen mode Exit fullscreen mode

Basically, it's a Python tool for generating cover images with titles on them. I originally developed it to speed up the process of creating featured images for my own website, but now I'm trying to get it in front of a larger audience.

To do that, I recently added a feature in v2.3.2 that automatically resizes and crops images for the dev.to platform (1000x420). Here's a demo of the GUI using the image from this article:

Image Titler 2.3.2 DEV Demo

If you're interested in using this tool yourself, grab the latest version of Python (3.8+) and run the following commands:

pip install image-titler
image-titler-gui
Enter fullscreen mode Exit fullscreen mode

That'll launch up this tool, so you can begin making your own cover images. When you're done, feel free to let me know what you think!

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .