Membuat aplikasi Converter Image to PDF

Convert Image to PDF Online

Mengonversi gambar (jpg, png dan format lainnya) ke PDF sangat bermanfaat untuk berbagai keperluan, seperti mengumpulkan banyak gambar menjadi satu file, membuat dokumen visual yang mudah diakses, atau menciptakan file yang lebih praktis untuk dibagikan. Berikut penjelasan lengkap tentang cara melakukannya dan alasan mengapa konverter image to PDF dari Webbiz.id bisa menjadi pilihan terbaik.

Konverter Gambar ke PDF

Konverter Gambar ke PDF

Code:

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Konverter Gambar ke PDF</title>
    <link rel="stylesheet" href="styles.css">
    //using library jspdf.umd.min
    //using library FileSaver.min
</head>
<body>
    <div class="container">
        <h1>Konverter Gambar ke PDF</h1>
        <input type="file" id="imageInput" multiple accept="image/*">
        <select id="orientation">
            <option value="portrait">Portrait</option>
            <option value="landscape">Landscape</option>
        </select>
        <select id="margin">
            <option value="0">No Margin</option>
            <option value="10">Small Margin</option>
            <option value="20">Big Margin</option>
        </select>
        <button id="convertBtn">Konversi ke PDF</button>
        <div id="notification"></div>
    </div>

    <script>
        document.getElementById('convertBtn').addEventListener('click', async () => {
            const { jsPDF } = window.jspdf;
            const pdf = new jsPDF({
                orientation: document.getElementById('orientation').value,
                unit: 'mm',
                format: 'a4',
                orientation: document.getElementById('orientation').value
            });
            const images = document.getElementById('imageInput').files;
            const margin = parseInt(document.getElementById('margin').value);
            let imgWidth = 0;
            let imgHeight = 0;

            for (let i = 0; i < images.length; i++) {
                const img = images[i];
                const imgData = await new Promise((resolve) => {
                    const reader = new FileReader();
                    reader.onload = (e) => resolve(e.target.result);
                    reader.readAsDataURL(img);
                });

                const imgProps = pdf.getImageProperties(imgData);
                const ratio = imgProps.width / imgProps.height;
                imgWidth = pdf.internal.pageSize.getWidth() - margin * 2;
                imgHeight = imgWidth / ratio;

                pdf.addImage(imgData, 'JPEG', margin, margin, imgWidth, imgHeight);
                if (i < images.length - 1) {
                    pdf.addPage();
                }
            }

            const pdfOutput = await pdf.output('blob');
            saveAs(pdfOutput, 'konversi_gambar.pdf');
            document.getElementById('notification').innerText = 'Konversi berhasil! Klik untuk mengunduh.';
        });
    </script>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            margin: 0;
            padding: 20px;
        }
        .container {
            max-width: 600px;
            margin: auto;
            background: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        h1 {
            text-align: center;
        }
        input, select {
            width: 100%;
            margin: 10px 0;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
          box-sizing : border-box;
        }
      button {
            background-color: #28a745;
            color: white;
            padding: 10px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            width: 100%;
            margin-top: 15px;
        }
        button:hover {
            background-color: #218838;
        }
        #notification {
            text-align: center;
            color: green;
            margin-top: 10px;
        }
    </style>
</body>
</html>
JavaScript

Mengapa Perlu Mengonversi Gambar ke PDF?

Konversi gambar (seperti format JPG atau PNG) ke PDF sering kali digunakan karena:

  • Dokumentasi yang lebih mudah: Dengan PDF, Anda bisa menyimpan dan membagikan banyak gambar dalam satu file tanpa harus mengirim satu per satu.
  • File lebih rapi dan aman: PDF menjaga urutan gambar, sehingga tampilan dokumen lebih terstruktur dan dapat diberi sandi untuk keamanan.
  • Kompatibilitas luas: PDF adalah format dokumen universal yang mudah diakses di perangkat apa pun, tanpa tergantung aplikasi tertentu.

Cara Mengonversi Gambar ke PDF Menggunakan Webbiz.id

Proses konversi gambar ke PDF dengan Webbiz.id sangatlah mudah, bahkan untuk pemula. Berikut langkah-langkahnya:

  1. Buka Situs Webbiz.id/image-to-pdf: Kunjungi halaman konverter gambar ke PDF di situs Webbiz.id.
  2. Unggah Gambar Anda: Klik tombol untuk mengunggah gambar yang ingin Anda konversi. Anda dapat memilih beberapa gambar sekaligus jika ingin menggabungkannya dalam satu file PDF.
  3. Mulai Proses Konversi: Klik tombol untuk memulai proses konversi. Dalam beberapa detik, file PDF akan siap diunduh.
  4. Unduh Hasilnya: Setelah konversi selesai, Anda dapat langsung mengunduh PDF yang dihasilkan.

Mengapa Memilih Webbiz.id untuk Konversi Gambar ke PDF?

Berikut adalah beberapa alasan mengapa Webbiz.id menjadi pilihan tepat untuk mengonversi gambar ke PDF:

  1. Kecepatan Proses dan Kualitas Tinggi: Webbiz.id memastikan konversi gambar ke PDF berjalan cepat tanpa mengorbankan kualitas gambar. Gambar tetap tajam dan detail dalam format PDF.
  2. Gratis dan Tanpa Batasan Jumlah Konversi: Anda bisa menggunakan layanan ini secara gratis tanpa batas jumlah konversi, sehingga bisa memproses banyak gambar kapan pun tanpa harus khawatir tentang biaya.
  3. Aman dan Privat: Data Anda dilindungi dengan baik. File yang diunggah ke Webbiz.id tidak akan disimpan atau diakses oleh pihak ketiga, sehingga privasi Anda tetap terjaga.
  4. Kompatibilitas dengan Berbagai Perangkat: Webbiz.id mendukung penggunaan di berbagai perangkat, baik desktop maupun mobile, sehingga Anda bisa melakukan konversi di mana saja, kapan saja.
  5. Mudah Digunakan: Tampilan Webbiz.id yang sederhana dan intuitif memudahkan pengguna dari berbagai latar belakang untuk mengoperasikannya.

Dengan Webbiz.id, konversi gambar to PDF menjadi lebih praktis, cepat, dan berkualitas tinggi, tanpa biaya tambahan atau langkah rumit.