https://github.com/zenoo/responsive-image-generator

https://github.com/zenoo/responsive-image-generator

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/zenoo/responsive-image-generator
• Owner: Zenoo
• Created: 2024-03-25T09:01:32.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-03-26T09:14:49.000Z (9 months ago)
• Last Synced: 2024-05-28T19:41:53.760Z (7 months ago)
• Language: TypeScript
• Size: 37.1 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Responsive Image Generator

This document provides instructions on how to convert images using our tool.

## Prerequisites

Ensure that you have Node.js and npm installed on your system. If not, you can download and install them from [here](https://nodejs.org/en/download/).

## Steps

1. **Place your images in the input directory**: The images that you want to convert should be placed in the `input` directory of the project.

2. **Run the conversion script**: After placing the images in the `input` directory, you can run the conversion script by executing the following command in your terminal:

```bash

npm run generate

```

Or by double-clicking the `generate.bat` file.

This command will start the conversion process. Once the process is complete, you can find the converted images in the `output` directory.

Please note that the conversion process might take some time depending on the size and number of images.

## HTML usage

To use the converted images in your HTML, you can refer to the following example:

```html



```

**Make sure to check the widths generated, as they may vary depending on the original image size.**

If you encounter any issues, please open a new issue in the repository.