Javascript PHP

Display TIFF Files on a Web Site in Chrome and Firefox

If you need to display TIFF files on the web, you might have problems. TIFF files used to be displayed by all browsers, but as they are not really suitable for web use, support has been dropping. See Image Support by Browser:

This makes sense of course, if you are only trying to use the TIFF files as images as part of your layout or content. TIFF files are often much larger than what you want if you are trying to have a decent page speed score and good user experience. This is why TIFF support on the web is being dropped and Chrome and Firefox, of the major browsers no longer support the format. In fact only Safari and Microsoft Edge do.

Display TIFF Files on the Web

But what if you have a legitimate need for displaying this format? I recently created a file management application where the requirement was to be able to quickly upload an image and have it displayed in their gallery for download. Many of the images were for print materials and  therefore in the TIFF format, so they wouldn’t display on Chrome or Firefox. Instead they would open a download window upon loading the page.

We could have had a field for the main image and then a thumbnail, but the requirement was a streamlined process where they didn’t even want to title or caption the images – they just named the files intuitively for the listings. Generating a converted thumbnail upon upload wasn’t an option as the hosting environment was restrictive and didn’t have the ImageMagick extension for PHP enabled. They were unwilling to change hosts.

Are you having trouble paying attention this long? Maybe you need an ADHD test! Fine, I’ll get to the point.

After a lot of digging, I ended up finding UTIF.js which was created for the Photopea online photo editor. This library processes your TIFF files and allows you to display them in HTML. This was very easy to install and use. I had to modify the functionality a little bit as there was a delay in having all of the images loaded. Also some new images would be loaded via AJAX as the user navigates the folder tree That made the body onload implementation was unsuitable. Beyond that it was quick and easy to get going.

Display TIFF Files on a Website
This is a TIFF file

You can use TIFF images directly inside the <img> element and then, you just have to to call UTIF.replaceIMG() once at some point. Eg:

<body onload=”UTIF.replaceIMG()”>

<img src=”image.tif” /> <img src=”dog.tif” /> …

Other Options to Display TIFF files in Chrome and Firefox

Code Snippets PHP Wordpress

WordPress Custom Sortable Columns in Post/Page/CPT Listings

Server Configuration Wordpress

405 method not allowed – IIS and Gutenberg

Some servers are not configured to allow all of the functionality for Gutenberg, the new WordPress editor. When saving, the PUT operation might be disallowed, giving you an error like: “405 method not allowed”. If you have access to your web.config file you can fix this problem with a minor change.


<add name="php-7.0.11" path="*.php" verb="GET,HEAD,POST" modules="FastCgiModule" scriptProcessor="C:\Program Files\PHP Manager 1.2 for IIS 7\PHP-Versions\php-7.0.11-nts-Win32-VC14-x86\php-cgi.exe" resourceType="Either" requireAccess="Script" />


<add name="php-7.0.11" path="*.php" verb="*" modules="FastCgiModule" scriptProcessor="C:\Program Files\PHP Manager 1.2 for IIS 7\PHP-Versions\php-7.0.11-nts-Win32-VC14-x86\php-cgi.exe" resourceType="Either" requireAccess="Script" />

Or, just add the “PUT”:

<add name="php-7.0.11" path="*.php" verb="GET,HEAD,POST,PUT,OPTIONS" modules="FastCgiModule" scriptProcessor="C:\Program Files\PHP Manager 1.2 for IIS 7\PHP-Versions\php-7.0.11-nts-Win32-VC14-x86\php-cgi.exe" resourceType="Either" requireAccess="Script" />

For more information about IIS and the “405 method not allowed error”, you can check out the official website at

Edit: Updated January 27, 2019 to reflect that sometimes “OPTIONS” is required as well.


WordPress Login Reauth Loop

Sometimes I run into this login loop and here is something that has worked:

” I went into PhpMyAdmin > wp_usermeta > and deleted the meta_value for session_token. “

It seems to be more frequent on multisite installations and on those it can take more steps. When the above fails, then adding the following lines to wp-config seems to work best:

define(‘ADMIN_COOKIE_PATH’, ‘/’);
define(‘COOKIE_DOMAIN’, ”);
define(‘COOKIEPATH’, ”);
define(‘SITECOOKIEPATH’, ”);

There is a goodStackOverflow thread here:


Thai Green Curry Paste

  • 1 stalk lemongrass, minced OR 3 Tbsp. prepared frozen or bottled lemongrass (available at Asian stores)
  • 1-3 green chilies, sliced (Thai green chilies OR jalapeno)
  • 1 shallot, sliced, OR 4 Tbsp. minced purple onion
  • 4-5 cloves garlic
  • 1 thumb-size piece of galangal OR ginger, thinly sliced
  • 1/2 cup chopped fresh coriander/cilantro leaves & stems
  • 1/2 cup fresh basil
  • 1/2 tsp. ground cumin
  • 1/2 tsp. ground white pepper (available in most supermarket spice aisles)
  • 1/2 tsp. ground coriander
  • 3 Tbsp. fish sauce; Vegetarians: substitute 1 Tbsp. soy sauce
  • 1 tsp. shrimp paste (available at Asian stores); Vegetarians: substitute 1/2 tsp. salt
  • 2 Tbsp. lime juice
  • 1 tsp. brown sugar
  • 3-4 Tbsp. coconut milk (enough to blend ingredients together)




  1. Place all ingredients in a food processor, chopper, or blender.
  2. Process well to form a fragrant Thai green curry paste. Taste-test it for salt and spice. If too salty, add a squeeze of fresh lime or lemon juice. Add more chili for more heat. Your curry paste is now ready to be used. You can bottle up any leftovers and keep it in the refrigerator for up to 1 week. Freeze thereafter. ENJOY!


If using a pestle & mortar (as pictured): Pound all dry herbs & spices together to form a paste, then gradually add the wet ingredients, stirring until smooth.

Your curry paste is now ready to use (see below for cooking tips).
For Vegetarian/Vegan Paste: Instead of fish sauce and shrimp paste, add 1 Tbsp. soy sauce plus 1/3 tsp. salt, as stated in the ingredients list. Alternatively, you could add 3 Tbsp. soy sauce, but this tends to turn the paste brownish-green instead of bright green, as one of the reviewers of this recipe so helpfully noted.

For recipes using this curry paste, see my:, see: Thai Green Curry Chicken Recipe, OR Vegetarian Thai Green Curry (Vegan), OR follow the steps below.

To Make a Thai Green Curry with this Paste (+ More Cooking Tips):

  • Heat a wok or large frying pan or pot over medium-high heat. Add 2-3 Tbsp. oil and swirl around, then add the green curry paste. Stir-fry until fragrant (1 minute), then add 1 cup stock plus your curry ingredients (meat, seafood, or tofu/wheat gluten + vegetables). Simmer until ingredients are cooked, gradually adding 1/2 to 1 can coconut milk until you’re happy with the taste/thickness/amount of sauce.
  • As you’re cooking, you can also add 2-3 kaffir lime leaves (left whole) as well as any leftover lemongrass stalk pieces for even more flavor.
  • When your curry is done, always perform a taste-taste for salt and spice. Add more fish or soy sauce if not salty enough, or some fresh-cut Thai red chilies if not spicy enough (OR add some dried crushed chili). If too spicy, add more coconut milk. If too salty or sweet, add a squeeze of lime juice. If too sour for your taste, add a touch more sugar. Finish your curry by sprinkling over generous amounts of fresh basil.