DEV Community

Cover image for CDN: images
Pripramot W.
Pripramot W.

Posted on • Edited on

CDN: images

![Image description](https://<dev-to-uploads.Link your picture>.png)

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

Image Github_profile_user


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:



Sample Image

Let's try resizing the image:



Resized Sample Image

Top comments (1)

Collapse
 
pripramot profile image
Pripramot W.

My first time