0UT1S's

home/aioutajg/public_html/compressor/parts/

By Order of Mr.0UT1S

[DIR] ..

N/A

748 bytes

1000 bytes

9.22 KB

4.09 KB

3.87 KB

<section class="container my-5 bg-light p-4 rounded shadow-sm">
    <h2 class="text-center mb-4">How to Use ImgCCR Image Compressor</h2>
    <div class="row g-4">
        <div class="col-md-6">
            <div class="card h-100 shadow-sm">
                <div class="card-body">
                    <h3 class="card-title">Step 1: Upload Your Images</h3>
                    <p class="card-text">
                        Drag and drop your images into the designated area or click the "Upload Files" button to select them manually. You can upload up to 50 images at once. Each uploaded image will appear as a thumbnail in the container.
                    </p>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card h-100 shadow-sm">
                <div class="card-body">
                    <h3 class="card-title">Step 2: Select the Compression Percentage</h3>
                    <p class="card-text">
                        Choose the desired compression percentage from the dropdown menu. Supported percentages include 25%, 50%, 75%, and 100%. This ensures your images are compressed to the right size for your needs.
                    </p>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card h-100 shadow-sm">
                <div class="card-body">
                    <h3 class="card-title">Step 3: Choose the Output Format</h3>
                    <p class="card-text">
                        For PNG files, select the desired output format (JPEG for lossy compression or Same for lossless compression). For JPEG files, the compression percentage directly maps to quality.
                    </p>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card h-100 shadow-sm">
                <div class="card-body">
                    <h3 class="card-title">Step 4: Solve the CAPTCHA</h3>
                    <p class="card-text">
                        Enter the answer to the simple math CAPTCHA question (e.g., "What is 2 + 3?") to confirm you are a human user. This helps prevent automated submissions and ensures secure processing.
                    </p>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card h-100 shadow-sm">
                <div class="card-body">
                    <h3 class="card-title">Step 5: Start Compression</h3>
                    <p class="card-text">
                        Click the "Compress" button to initiate the compression process. A progress loader will appear while your images are being processed. Once completed, the compressed images will be ready for download.
                    </p>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card h-100 shadow-sm">
                <div class="card-body">
                    <h3 class="card-title">Step 6: Download Your Images</h3>
                    <p class="card-text">
                        If there is only one compressed image, a direct download link will appear. If multiple images are compressed, a ZIP file containing all the images will be available for download. You can also choose to delete the compressed images from our servers after use.
                    </p>
                </div>
            </div>
        </div>
        <div class="col">
            <div class="card h-100 shadow-sm">
                <div class="card-body">
                    <h3 class="card-title">Additional Tips</h3>
                    <p class="card-text">
                        - Ensure your images are in supported formats (JPG, PNG).<br>
                        - Use the "Clear All" button to remove thumbnails and start fresh.<br>
                        - Avoid uploading unsupported formats or very large files to prevent errors.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>