
Hashnode CDN: Supercharge Your Image Loading!
Hashnode CDN lets you upload images to a global network of servers, making them accessible to your users faster, regardless of their location.
CDN Github Example
https://avatars.githubusercontent.com/u/126644205?v=4" width="260" height="260" class="avatar avatar-user width-full border color-bg-default
Consequence
Speed: Images are delivered quickly from servers closest to your users.
Reliability: Images are always available, even if one server encounters issues.
Performance: Reduces bandwidth usage on your Hashnode server.
How to Use:
Upload your image to Hashnode.
Hashnode automatically uploads it to their CDN.
Use the image URL to share or embed in your content.
Example:
You upload an image "my-image.jpg":
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hashnode CDN Example</title>
</head>
<body>
<h1>Hashnode CDN Usage Example</h1>
<p>This image is hosted on Hashnode CDN:</p>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1701642047536/ARFND1eby.jpg?auto=compress,format&format=webp" alt="Sample Image">
<p>Let's try resizing the image:</p>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1701642047536/ARFND1eby.jpg?auto=compress,format&format=webp?w=400&h=200" alt="Resized Sample Image">
</body>
</html>
Image size must be under 5 MB.
Conclusion:
Hashnode CDN makes your images load faster, perfect for blogs, posts, and other content.
Hashnode CDN Usage Example
This image is hosted on Hashnode CDN:

Let's try resizing the image:


Top comments (1)
My first time