Instructions for Custom

Find the locations in your website or your web application where images are displayed. Look for <img/> and make sure to change the endpoint 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 endpoints 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 an endpoint, 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"/>