Configuration
To use Tinify CDN your website should point to images at your personal Tinify CDN endpoint. In addition to the generic guide you can select guides for specific platforms below.
Setup guide for your platform
We have guides and video instructions available for many popular platforms (content management systems and web frameworks). More are coming!
Installation instructions for custom installation
Change image URLs in your HTML
Find the locations in your website or your web application where images are displayed. Look for <img/>
and make sure to change the domain to https://xxxxxxxx.tinifycdn.com
.
<img src="/images/logo.jpg"/>
<img src="https://images.example.com/images/header.jpg"/>
<img src="https://xxxxxxxx.tinifycdn.com/images/logo.jpg"/>
<img src="https://xxxxxxxx.tinifycdn.com/images/header.jpg"/>
Find any images in your CSS. Look for properties such as background-image
, list-style-image
, border-image-source
. Change the domains to https://xxxxxxxx.tinifycdn.com
.
div.header, header { background-image: url(/images/header.jpg); }
div.header, header { background-image: url(https://xxxxxxxx.tinifycdn.com/images/header.jpg); }
Alternatively, if you are sure that all your image URLs are absolute or relative paths without a domain, then you can just change the URLs of your CSS files in your HTML.
<link rel="stylesheet" href="/styles/site.css"/>
<link rel="stylesheet" href="https://xxxxxxxx.tinifycdn.com/styles/site.css"/>