Templat aplikasi Kompresor Foto

Pilih foto, perkecil secara native dengan penggeser ukuran dan kualitas, lalu simpan atau bagikan.

MediaBerfungsi offline5 fitur ponsel

✏️ Edit dan buat online Buka layar penuh

Ini template yang berjalan langsung. Fitur ponsel seperti kamera, getar, dan notifikasi berfungsi di aplikasi yang Anda buat.

Fitur ponsel yang digunakan templat ini

Fitur ini berasal dari bridge JavaScript FreeApp yang disertakan di setiap aplikasi yang dibuat dengan Free HTML to APK. Di browser biasa, templat tetap berjalan, dan panggilan tersebut tidak melakukan apa-apa.

Pilih file

FreeApp.pickFile()

Kompresi gambar

FreeApp.compressImage()

Bawaan, cepat di ponsel kelas bawah.

Simpan ke galeri

FreeApp.saveToGallery()

Menyimpan gambar ke Foto.

Bagikan file

FreeApp.shareFile()

Bagikan file sungguhan.

Pesan toast

FreeApp.toast()

Toast bawaan singkat.

Cara templat memanggilnya

const f = await FreeApp.pickFile({ accept: ['image/*'] });
const small = await FreeApp.compressImage(f.dataUrl, { maxSize: 1280, quality: 80 });
console.log(f.size, '->', small.bytes);

Sesuaikan dengan AI

Salin prompt ini ke ChatGPT, Gemini, atau Claude, ganti idenya dengan ide Anda, lalu tempel jawabannya kembali ke editor. Prompt ini sudah menjelaskan shell aplikasi dan fitur ponsel kepada AI.

Tampilkan prompt AI

Build a single-file mobile web app (index.html with inline CSS/JS) for Android WebView.

The app: Photo Compressor — a photo compressor that shows the before/after size and saves the smaller image. Pick a photo, shrink it natively with size and quality sliders, then save or share it.

Requirements:
- Mobile-first, touch-friendly UI (min 44px tap targets), works in portrait, supports light and dark mode.
- Use <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> and pad for env(safe-area-inset-*).
- Must work fully offline: no CDN or external scripts, fonts or images; persist data in localStorage.

The page runs inside an Android app that injects a native bridge as window.FreeApp. Available APIs:
- FreeApp.pickFile(opts?: {accept?: string[], multiple?: boolean}): Promise<{name, mime, size, dataUrl}>
- FreeApp.compressImage(dataUrl: string, opts?: {maxSize?: number, quality?: number}): Promise<{dataUrl, width, height, bytes}> — native, fast on low-end phones
- FreeApp.saveToGallery(dataUrl: string, fileName?: string): Promise<{uri}> — saves an image to Photos
- FreeApp.shareFile(fileName: string, mimeType: string, base64OrDataUrl?: string): boolean — share a real file (omit the data to share an app file by name)
- FreeApp.toast(message: string): void — short native toast

Rules for the bridge:
- Always guard calls with `window.FreeApp &&` (or `if (window.FreeApp) { … }`) and provide a browser fallback so the page also works in a normal browser.
- The bridge may be injected after your script runs: do native setup inside `window.addEventListener('freeappready', …)` and also run it immediately if window.FreeApp already exists.
- Do not use alert/confirm for normal feedback; prefer FreeApp.toast when available.

Return the complete index.html in one code block.

My idea: [DESCRIBE YOUR APP IDEA HERE]

Jadikan aplikasi Android

Ketuk Edit dan buat online. Templat akan terbuka di editor online.
Ubah teks, warna, dan kodenya, lalu pilih nama aplikasi, ikon, dan nama paket.
Buat build. Anda mendapatkan APK yang ditandatangani untuk dipasang dan AAB untuk Google Play, gratis, tanpa akun dan tanpa watermark.

✏️ Edit dan buat online DAPATKAN GRATIS DIGoogle Play