# Quick Start Guide

Convert your images to WebP format using our API or web interface.

## Using the Web Interface

1. Upload your images using drag and drop

2. Adjust quality settings if needed

3. Click "Convert" and download your WebP images

## Using the API

```bash

# Install via npm

npm install @imagewebp/converter

# Or using yarn

yarn add @imagewebp/converter

```

Basic usage:

```javascript

import { convertToWebP } from '@imagewebp/converter';

// Convert a single image

const result = await convertToWebP(imageFile, {

quality: 90

});

```

# API Reference

## Authentication

All API requests require an API key to be included in the headers:

```javascript

headers: {

'Authorization': 'Bearer YOUR_API_KEY'

}

```

## Endpoints

### POST /api/convert

Convert images to WebP format.

```javascript

POST /api/convert

Content-Type: multipart/form-data

{

images: File[],

quality: number (1-100)

}

```

### GET /api/stats

Get conversion statistics.

```javascript

GET /api/stats

Response:

{

total_conversions: number,

total_images: number,

last_conversion: string

}

```

# SDK Documentation

## Installation

Install the SDK using npm:

```bash

npm install @imagewebp/sdk

```

## Usage

```javascript

import { ImageWebP } from '@imagewebp/sdk';

// Initialize the client

const client = new ImageWebP({

apiKey: 'YOUR_API_KEY'

});

// Convert an image

const result = await client.convert(imageFile, {

quality: 90,

resize: {

width: 800,

height: 600

}

});

// Download the converted image

const webpBlob = await result.download();

```

# Code Examples

## React Example

```jsx

import { useImageWebP } from '@imagewebp/react';

function ImageConverter() {

const { convert, loading } = useImageWebP();

const handleConvert = async (files) => {

const results = await convert(files);

// Handle results

};

return (

<div>

{/* Your component JSX */}

</div>

);

}

```

## Node.js Example

```javascript

const { ImageWebP } = require('@imagewebp/node');

async function convertImages() {

const converter = new ImageWebP({

apiKey: process.env.API_KEY

});

const results = await converter.convertBatch([

'image1.jpg',

'image2.png'

]);

console.log('Converted:', results);

}

```