How to Make Pictures Bigger on Tumblr With CSS Themes

by Ruri Ranbe

Unless you've uploaded a high-resolution theme to your blog, your Tumblr layout most likely limits the size of images to a maximum width of 500 pixels. If you frequently post high quality images, however, you can modify the page code and swap out the "{PhotoURL-500}" tag with the "{PhotoURL-HighRes}" tag. The former renders pictures with a maximum width of 500 pixels, whereas the latter renders the photo with a maximum width of 1280 pixels.

Select the "Settings" icon from the top right after signing in to your account, and then choose your blog from the left pane.

Click "Edit HTML" in the Customize pane and then press "Ctrl-F" to access the search function.

Type "{block:Photo}" into the search box and then press "Enter" until you locate code that resembles the following:

{block:Photo} {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}

Replace "{PhotoURL-500}" with "{PhotoURL-HighRes}" (without quotation marks).

Click "Update Preview" and then click "Save" to enable high-resolution photos in your theme.

Click the back arrow and then click "Exit" to return to the previous page.


About the Author

Ruri Ranbe has been working as a writer since 2008. She received an A.A. in English literature from Valencia College and is completing a B.S. in computer science at the University of Central Florida. Ranbe also has more than six years of professional information-technology experience, specializing in computer architecture, operating systems, networking, server administration, virtualization and Web design.

More Articles