Guides Guides 2 min read 369 words

How to Disable Hotlinking on Your Website with .htaccess

Hotlinking can significantly strain your website's bandwidth and server resources, impacting performance and increasing costs. In our latest blog post, we explore How to Disable Hotlinking on Your Website with .htaccess. This essential guide will help you protect your assets and ensure they're used only on your terms. Learn why preventing hotlinking is crucial for maintaining optimal site performance and get step-by-step instructions to configure your .htaccess file effectively. Improve your website's speed and reliability by stopping others from exploiting your valuable resources. Dive into the details and safeguard your site today!

Why you need to know how to disable hotlinking

When managing a website, safeguarding your bandwidth and server resources is crucial. One of the more subtle threats to these resources is hotlinking. Hotlinking occurs when someone embeds your site’s assets, such as images or videos, directly into their own content. This not only slows down your site but can also increase your hosting costs. In this post, we’ll discuss how to disable hotlinking on your website with .htaccess, a practical guide to preserving your site’s integrity and performance.

Understanding how to prevent hotlinking is essential for any website owner. Continuously losing bandwidth to other sites can lead to slower performance for your users, negatively impacting their experience and your SEO rankings. With proper .htaccess configurations, you can deter others from draining your resources and ensure your site’s assets are used only for your intended purposes.

How to Disable Hotlinking on Your Website with .htaccess archive

Step 1 – Access Your Server

Firstly, you need access to your website’s server files. Typically, you can do this via FTP (File Transfer Protocol) or through your web hosting control panel.

Access your webserver

Create or Edit .htaccess File 1-1
Create or Edit .htaccess File 1-2

Step 2 – Create or Edit .htaccess File

In the root directory of your website, look for a file named `.htaccess`. If you don’t find one, you can create a new text file and name it `.htaccess`.


Step 3 – Enable Rewrite Engine

At the top of your `.htaccess` file, add the following line to enable the rewrite engine:

RewriteEngine On

Step 3 - Enable Rewrite Engine

Step 4 - Set Allowed Referrers

Step 4 – Set Allowed Referrers

Decide which domains you want to allow to hotlink your content. Typically, this will be your own domain(s) and any other trusted domains. By adding the following lines to your .htaccess file – you can control the domains that are allowed to hotlink your images

RewriteCond %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?trusted-website-1 [NC]

RewriteCond %{HTTP_REFERER} !^http(s)?:\/\/(www.)?trusted-website-2.com [NC]


Step 5 – Block Hotlinking

Add the following line to block hotlinking from any other domain that is not explicitly allowed:

RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F]

This example targets image files (jpg, jpeg, png, gif), but you can add or remove file extensions as needed.

Step 5 - Block Hotlinking

Save the .htaccess file

Step 6 – Save/Upload your .htaccess file

Save the changes to your `.htaccess` file and upload it to your website’s root directory if you made edits locally.