Lewati ke konten utama
pelatihan
.org
Belajar. Praktik. Berkembang.
Kategori
ID
Masuk
Daftar
Menu
Kurikulum Web Developer Tools: 28 Bab, 369 Lesson — pelatihan.org
Beranda
/
Katalog
/
Web Developer Tools
/
Kurikulum
Kurikulum
Kurikulum Web Developer Tools
Belajar Web Developer Tools online lewat 369 lesson terstruktur, contoh kode, dan 1845 soal kuis.
369 lesson
28 bab
1845 soal
Ringkasan dan poin kunci bisa dilihat gratis. Materi lengkap, contoh kode, dan kuis memerlukan langganan.
01
Developer Tools
1 lesson
01
Tools Home
Halaman ini memperkenalkan kumpulan alat bantu daring untuk pekerjaan sehari-hari seorang developer, mulai dari merapikan kode sampai mengubah format data. Semua alat berjalan di…
02
Formatters
11 lesson
01
JSON Formatter
JSON Formatter menambahkan indentasi dan baris baru pada teks JSON agar strukturnya mudah dibaca manusia. Data yang tadinya menumpuk dalam satu baris akan dipecah per properti…
02
JSON Minifier
JSON Minifier menghapus spasi, tab, dan baris baru yang berada di luar string, sehingga JSON menjadi sesingkat mungkin. Hasilnya secara makna sama dengan versi rapi, tetapi…
03
JSON Validator
JSON Validator memeriksa apakah teks JSON mematuhi aturan sintaks, lalu menunjukkan lokasi kesalahan bila ada. Aturan pentingnya antara lain key harus memakai tanda kutip ganda,…
04
JSON Stringify
JSON.stringify adalah fungsi JavaScript yang mengubah nilai seperti object atau array menjadi string JSON. Fungsi ini dipakai saat mengirim data ke server, menyimpan ke…
05
Sort JSON Keys
Sort JSON Keys mengurutkan nama key pada setiap object secara alfabetis, termasuk object yang bersarang. Urutan elemen array tidak diubah karena urutan array merupakan bagian…
06
HTML Formatter
HTML Formatter merapikan susunan tag dengan indentasi bertingkat sehingga hubungan induk dan anak terlihat jelas. Alat ini berguna untuk file HTML yang panjang atau hasil…
07
CSS Formatter
CSS Formatter menyusun ulang aturan CSS agar setiap selector, properti, dan nilai tampil rapi dengan indentasi yang konsisten. Gaya expanded menaruh satu deklarasi per baris…
08
JS Formatter
JS Formatter merapikan kode JavaScript dengan menambahkan indentasi, spasi, dan baris baru sesuai struktur blok. Kode yang tadinya termampatkan dalam satu baris menjadi lebih…
09
SQL Formatter
SQL Formatter menata query agar klausa seperti SELECT, FROM, WHERE, dan ORDER BY berada pada baris yang mudah dibaca. Kata kunci SQL biasanya ditulis dengan huruf kapital,…
10
XML Formatter
XML Formatter menata elemen XML dengan indentasi bertingkat sehingga hubungan induk dan anak mudah dilihat. Setiap elemen anak biasanya diletakkan pada baris sendiri, dan atribut…
11
YAML Formatter
YAML Formatter merapikan struktur YAML dengan indentasi berbasis spasi agar mapping dan list mudah dibaca. YAML sangat sensitif terhadap indentasi: tab tidak boleh dipakai, dan…
03
Encoders / Decoders
10 lesson
01
Base64
Base64 adalah cara mengubah data biner menjadi teks memakai 64 karakter yang aman dikirim lewat media berbasis teks. Setiap tiga byte data diubah menjadi empat karakter Base64,…
02
URL Encode/Decode
URL Encoder mengubah karakter yang tidak aman atau bermakna khusus dalam URL menjadi bentuk persen, misalnya spasi menjadi %20. Encoding diperlukan karena URL hanya boleh memuat…
03
HTML Entities
HTML Entities adalah kode khusus untuk menampilkan karakter yang jika ditulis langsung bisa dianggap sebagai bagian dari markup. Contohnya < untuk menampilkan tanda lebih…
04
JWT Decoder
JWT Decoder membedah JSON Web Token menjadi tiga bagian: header, payload, dan signature. Header serta payload di-encode dengan Base64URL, sehingga bisa dibaca tanpa kunci…
05
Base32 Encode/Decode
Base32 adalah skema encoding yang mengubah data biner menjadi teks menggunakan 32 karakter, yaitu huruf A sampai Z dan angka 2 sampai 7. Setiap lima byte input menghasilkan…
06
Base58 Encode/Decode
Base58 adalah encoding berbasis 58 karakter yang sengaja menghilangkan simbol yang mudah tertukar, seperti angka nol, huruf O, huruf I, huruf l, tanda plus, dan garis miring.…
07
ROT13 / ROT47 Cipher
ROT13 adalah cipher substitusi yang menggeser setiap huruf sebanyak 13 posisi dalam alfabet, sehingga a menjadi n dan sebaliknya. Karena alfabet Latin memiliki 26 huruf,…
08
CRC32 Checksum
CRC32 menghitung checksum 32-bit dari data untuk mendeteksi perubahan atau kerusakan yang tidak disengaja. Nilainya cepat dihitung dan sering dipakai pada format file seperti ZIP…
09
Punycode Converter
Punycode adalah encoding yang mengubah label domain berisi karakter Unicode menjadi bentuk ASCII, misalnya m├╝nchen.de menjadi xn--mnchen-3ya.de. Bentuk berawalan xn-- dibutuhkan…
10
Quoted-Printable
Quoted-Printable adalah encoding untuk email yang mengubah byte di luar karakter teks aman menjadi bentuk =HH, yaitu tanda sama dengan diikuti dua digit heksadesimal. Encoding…
04
Converters
19 lesson
01
JSON to YAML
Konverter JSON ke YAML mengubah object dan array JSON menjadi teks YAML yang memakai indentasi sebagai penanda struktur. JSON lebih ringkas dengan kurung kurawal dan tanda kutip,…
02
JSON to TOML
Konverter JSON ke TOML mengubah data JSON menjadi format konfigurasi TOML yang memakai baris key = value dan tabel bersarang. Object bersarang biasanya menjadi tabel dengan…
03
YAML to TOML
Konverter YAML ke TOML menerjemahkan struktur konfigurasi YAML menjadi tabel dan pasangan key TOML. Mapping YAML menjadi tabel, list menjadi array, dan object di dalam list…
04
JSON to CSV
Konverter JSON ke CSV mengubah array of objects menjadi tabel dengan baris data dan kolom sesuai nama key. Baris pertama biasanya berisi header, sedangkan setiap object menjadi…
05
XML to JSON
Konverter XML ke JSON mengubah elemen XML menjadi object dan array JSON. Atribut biasanya dipetakan dengan awalan khusus seperti @, sedangkan teks di dalam elemen dapat menjadi…
06
JSON to TypeScript
Konverter JSON ke TypeScript menghasilkan deklarasi interface atau type yang menggambarkan bentuk data JSON. Object menjadi interface dengan properti bertipe, array menjadi tipe…
07
JSON to Python
Konverter JSON ke Python mengubah data JSON menjadi literal Python yang setara, seperti dict, list, string, dan angka. Nilai true, false, dan null dari JSON dipetakan menjadi…
08
JSON to Java
Konverter JSON ke Java menghasilkan kelas POJO dengan field yang sesuai nama key pada JSON. Setiap field memiliki tipe seperti String, int, boolean, atau List, dan dapat…
09
JSON to C#
Konverter JSON ke C# menghasilkan kelas dengan properti yang sesuai struktur JSON. Properti publik di C# biasanya memakai PascalCase, sedangkan key JSON sering camelCase atau…
10
JSON to Go
Konverter JSON ke Go menghasilkan deklarasi struct dengan field yang mewakili setiap key JSON. Field harus diawali huruf kapital agar dapat diakses dari package lain, sedangkan…
11
JSON Schema Generator
JSON Schema Generator membuat dokumen schema yang menjelaskan bentuk data JSON, termasuk tipe, properti, dan properti wajib. Schema dapat dipakai untuk memvalidasi data dari API,…
12
SQL to JSON
Konverter SQL ke JSON mengubah baris hasil query atau pernyataan INSERT menjadi array object JSON. Nama kolom biasanya menjadi key, sedangkan nilai setiap baris menjadi nilai…
13
Query String Converter
Query String Converter mengubah bagian URL setelah tanda tanya menjadi pasangan key-value, atau sebaliknya. Query string memakai tanda & sebagai pemisah parameter dan = antara…
14
Number Base
Number Base Converter mengubah angka antar-sistem bilangan seperti biner (basis 2), oktal (basis 8), desimal (basis 10), dan heksadesimal (basis 16). Setiap sistem bilangan…
15
Unix Timestamp
Unix timestamp adalah jumlah detik yang telah berlalu sejak 1 Januari 1970 pukul 00:00:00 UTC. Nilai ini sering dipakai karena ringkas dan tidak bergantung pada zona waktu,…
16
Case Converter
Case Converter mengubah gaya penulisan kata dalam identifier atau teks, misalnya dari spasi menjadi camelCase, snake_case, kebab-case, atau PascalCase. Konversi biasanya memecah…
17
Text to HTML
Text to HTML mengubah teks biasa menjadi potongan HTML yang siap ditampilkan, umumnya dengan membungkus paragraf menggunakan tag p dan baris baru dengan br. Karakter khusus…
18
CSV to Markdown
Konverter CSV ke Markdown mengubah data tabel menjadi format tabel Markdown yang memakai tanda pipa sebagai pemisah kolom. Baris pertama CSV dianggap header, lalu diikuti baris…
19
HTML to Markdown
Konverter HTML ke Markdown mengubah elemen seperti heading, paragraf, tautan, daftar, dan penekanan menjadi sintaks Markdown yang setara. Hasilnya lebih ringkas dan mudah dibaca…
05
Generators
17 lesson
01
UUID Generator
UUID Generator membuat Universally Unique Identifier berukuran 128 bit dalam format 8-4-4-4-12, misalnya 550e8400-e29b-41d4-a716-446655440000. UUID versi 4 dihasilkan dari angka…
02
Hash Generator
Hash Generator mengubah input menjadi nilai hash dengan panjang tetap melalui fungsi satu arah. Input yang sama selalu menghasilkan hash yang sama, tetapi hash tidak dapat…
03
Password Generator
Password Generator membuat password acak berdasarkan panjang dan jenis karakter yang dipilih, seperti huruf besar, huruf kecil, angka, dan simbol. Semakin panjang password dan…
04
Lorem Ipsum
Lorem Ipsum adalah teks placeholder berbahasa Latin yang dipakai untuk mengisi tata letak desain sebelum konten asli tersedia. Tujuannya agar perhatian tertuju pada visual…
05
QR Code
QR Code adalah barcode dua dimensi yang menyimpan data dalam susunan modul hitam dan putih. Generator QR mengubah teks, URL, atau data lain menjadi gambar yang dapat dipindai…
06
QR Code Scanner
QR Code Scanner membaca gambar QR lalu mendekode isinya menjadi teks, URL, atau format data lain. Kamera dapat dipakai langsung, atau kamu mengunggah file gambar yang sudah ada.…
07
Barcode Generator
Barcode generator mengubah teks atau angka menjadi gambar barcode yang bisa ditempel pada produk, label, atau dokumen. Alat ini biasanya menyediakan beberapa jenis simbol…
08
Slug Generator
Slug generator mengubah judul atau kalimat menjadi bagian URL yang pendek, huruf kecil, dan mudah dibaca. Spasi dan tanda baca biasanya diganti tanda hubung, sementara huruf…
09
Meta Tag Generator
Meta tag generator membantu menyusun tag di bagian head HTML untuk menjelaskan halaman kepada browser dan mesin pencari. Tag penting meliputi charset, viewport, description,…
10
Placeholder Image
Placeholder image adalah gambar sementara yang mengisi ruang desain sebelum foto atau aset final tersedia. Generator biasanya mengatur ukuran, warna latar, warna teks, dan label…
11
HTML Table Generator
HTML table generator membuat struktur tabel siap pakai dengan jumlah baris dan kolom yang ditentukan. Tabel yang baik memakai caption, thead, tbody, serta elemen th untuk header…
12
Markdown Table Generator
Markdown table generator menyusun tabel format pipa yang didukung banyak editor Markdown. Kamu menentukan jumlah kolom dan baris, lalu alat menghasilkan header, baris pemisah,…
13
robots.txt Generator
robots.txt generator membantu membuat file teks di root domain yang memberi petunjuk kepada crawler mesin pencari. File ini berisi aturan User-agent, Allow, Disallow, dan lokasi…
14
.htaccess Generator
.htaccess generator membuat potongan konfigurasi untuk server Apache pada tingkat direktori. Aturan yang umum meliputi redirect, pemaksaan HTTPS, URL rewriting, halaman error…
15
Mock Data Generator
Mock data generator membuat kumpulan data palsu untuk mengisi aplikasi selama pengembangan dan pengujian. Data seperti nama, email, alamat, dan tanggal dapat dihasilkan dalam…
16
README Generator
README generator membantu menyusun dokumentasi awal repository dengan bagian-bagian standar. README yang baik menjelaskan fungsi proyek, cara memasang, cara menjalankan, contoh…
17
Random Number Generator
Random number generator menghasilkan angka acak dalam rentang yang ditentukan. Untuk kebutuhan biasa, fungsi acak bawaan bahasa pemrograman sudah cukup, tetapi untuk keamanan…
06
Testers
11 lesson
01
RegEx Tester
RegEx tester membantu mencoba pola regular expression terhadap teks contoh dan melihat bagian yang cocok. Kamu bisa mempelajari pengaruh flag seperti global, case-insensitive,…
02
Text Diff
Text diff membandingkan dua versi teks dan menandai baris atau karakter yang ditambah, dihapus, atau diubah. Alat ini sangat membantu saat meninjau perubahan kode, konfigurasi,…
03
Markdown Preview
Markdown preview mengubah teks Markdown menjadi HTML secara langsung sehingga kamu bisa melihat hasil akhirnya. Alat ini membantu memeriksa heading, daftar, tautan, tabel, dan…
04
String Inspector
String inspector membantu memeriksa isi string secara detail, termasuk panjang, kode karakter, jumlah byte, dan karakter tak terlihat. Alat ini berguna saat debugging teks yang…
05
JSON Path Evaluator
JSONPath evaluator memungkinkan pengambilan bagian tertentu dari dokumen JSON dengan ekspresi ringkas. Kamu bisa memilih properti, elemen array, seluruh nilai dengan nama…
06
CSV Viewer
CSV viewer membaca file comma-separated values dan menampilkannya sebagai tabel yang mudah diperiksa. Kamu dapat melihat kolom, jumlah baris, serta nilai yang mungkin mengandung…
07
JSON Tree Viewer
JSON tree viewer menampilkan dokumen JSON sebagai struktur hierarkis yang bisa dibuka dan ditutup. Tampilan ini memudahkan penelusuran objek bersarang, array, dan tipe nilai…
08
Live Code Preview
Live code preview menyediakan editor HTML, CSS, dan JavaScript dengan hasil yang langsung tampil di browser. Setiap perubahan dapat dilihat tanpa menyimpan file atau me-refresh…
09
SVG Preview
SVG preview menampilkan hasil render kode SVG sehingga kamu bisa memeriksa bentuk, warna, dan posisi elemen. SVG adalah format vektor berbasis XML yang tetap tajam pada ukuran…
10
JSON Compare
JSON compare membandingkan dua dokumen JSON secara struktural, bukan sekadar teks. Alat ini menunjukkan properti yang ditambah, dihapus, atau berubah nilai, sehingga cocok untuk…
11
Responsive Tester
Responsive tester menampilkan situs pada berbagai ukuran viewport untuk memeriksa tampilan di ponsel, tablet, dan desktop. Kamu dapat menguji breakpoint, orientasi, serta…
07
CSS Visual Tools
18 lesson
01
Gradient Generator
Gradient generator membuat kode CSS untuk peralihan warna bertahap, baik lurus, radial, maupun melingkar. Kamu dapat mengatur arah, posisi color stop, dan transparansi lalu…
02
Box Shadow Generator
Box shadow generator membantu membuat bayangan di sekitar elemen dengan mengatur offset, blur, spread, dan warna. Kamu bisa menambahkan beberapa lapis bayangan atau memakai inset…
03
Flexbox Playground
Flexbox playground membantu mencoba properti layout satu dimensi secara interaktif. Kamu dapat mengubah flex-direction, justify-content, align-items, gap, dan flex pada item lalu…
04
Grid Generator
Grid generator membantu menyusun layout dua dimensi dengan baris dan kolom yang dapat diatur presisi. Kamu bisa memakai satuan fr, repeat(), minmax(), serta menamai area dengan…
05
CSS Unit Converter
CSS unit converter membantu memahami dan mengubah satuan seperti px, rem, em, persen, vw, dan vh. Nilai relatif bergantung pada konteks, misalnya ukuran font root untuk rem atau…
06
Border Radius
Border radius generator membantu mengatur sudut membulat pada elemen dengan pratinjau langsung. Kamu bisa memakai satu nilai untuk semua sudut, empat nilai terpisah, atau sintaks…
07
Text Shadow
Text shadow generator membuat bayangan pada teks dengan mengatur offset, blur, dan warna. Beberapa lapis bayangan dapat digabungkan untuk efek glow, emboss, atau bayangan…
08
Animation Generator
Animation generator membantu membuat animasi CSS dari keyframes hingga properti durasi dan pengulangan. Kamu dapat mengatur tahapan animasi, timing function, arah, dan fill mode…
09
Filter Generator
Filter generator membuat efek visual seperti blur, brightness, contrast, grayscale, dan drop shadow melalui properti CSS filter. Beberapa fungsi dapat digabung dalam satu…
10
Transform Generator
Transform generator membantu membuat efek translate, rotate, scale, dan skew pada elemen. Kamu dapat menggabungkan beberapa transform, mengatur titik acuan dengan…
11
Clip Path Generator
Clip path generator membantu memotong elemen menjadi bentuk tertentu seperti lingkaran, elips, poligon, atau persegi membulat. Kamu dapat mengatur koordinat dan melihat area mana…
12
Multi-Column
Multi-column generator mengatur teks agar mengalir ke beberapa kolom seperti halaman koran. Properti seperti column-count, column-width, column-gap, dan column-rule mengatur…
13
Glassmorphism Generator
Glassmorphism generator membantu membuat efek kaca buram dengan latar semi-transparan dan backdrop-filter blur. Efek ini biasanya dipadukan dengan border tipis terang dan…
14
Neumorphism Generator
Neumorphism generator membuat elemen dengan bayangan lembut yang tampak menyatu dengan latar. Efek ini memakai dua bayangan, satu terang dan satu gelap, pada warna latar yang…
15
CSS Loader Generator
CSS loader generator membantu membuat indikator loading seperti spinner, titik berdenyut, atau skeleton tanpa gambar. Animasi biasanya memakai keyframes, transform, dan border…
16
CSS Button Generator
CSS button generator membantu mendesain tombol dengan padding, warna, border, radius, dan efek hover yang konsisten. Tombol yang baik juga memiliki keadaan focus, active, dan…
17
Cubic Bezier Editor
Cubic bezier editor membantu merancang kurva timing function untuk transisi dan animasi CSS. Kamu mengatur dua titik kontrol sehingga gerakan bisa dipercepat, diperlambat, atau…
18
CSS Blob Generator
CSS blob generator membantu membuat bentuk organik yang tidak beraturan untuk dekorasi latar atau ilustrasi. Bentuk dapat dibentuk dengan border-radius delapan nilai atau dengan…
08
Colors & Accessibility
7 lesson
01
Color Picker
Color picker membantu memilih warna secara visual dan membaca nilainya dalam format HEX, RGB, atau HSL. Beberapa alat menyediakan eyedropper untuk mengambil warna dari layar…
02
Color Converter
Color converter mengubah satu nilai warna ke format lain seperti HEX, RGB, HSL, HSV, atau CMYK. Warna yang sama dapat ditulis dengan cara berbeda, tetapi rentang dan kegunaan…
03
Palette Generator
Palette generator membantu menyusun kombinasi warna yang harmonis berdasarkan hubungan pada color wheel. Skema populer meliputi analog, komplementer, triadic, tetradic, dan…
04
Contrast Checker
Contrast checker menghitung rasio kontras antara warna teks dan warna latar. Rasio ini dibandingkan dengan pedoman WCAG, misalnya 4.5:1 untuk teks normal dan 3:1 untuk teks…
05
Color Blindness Simulator
Color blindness simulator memperkirakan bagaimana warna terlihat bagi pengguna dengan jenis penglihatan warna tertentu. Simulasi umum meliputi deuteranopia, protanopia,…
06
Shades & Tints Generator
Shades and tints generator membuat variasi warna yang lebih gelap atau lebih terang dari warna dasar. Tint dihasilkan dengan menambahkan putih, sedangkan shade dengan menambahkan…
07
Color Name Finder
Color name finder mencocokkan nilai warna seperti HEX atau RGB dengan nama warna yang paling mendekati. CSS menyediakan sekitar 140 nama warna bawaan yang bisa langsung dipakai…
09
Text Utilities
34 lesson
01
Escape/Unescape
Alat ini mengubah karakter khusus dalam teks menjadi bentuk escape yang didahului backslash, lalu bisa mengembalikannya ke bentuk asli. Escape diperlukan ketika teks akan…
02
SQL Escape
SQL escape membuat teks aman dimasukkan ke dalam query dengan menandai karakter yang memiliki makna khusus, terutama tanda kutip tunggal. Pada SQL standar, kutip tunggal di dalam…
03
Regex Escape
Regex escape menambahkan backslash di depan karakter yang memiliki arti khusus dalam regular expression agar teks dicari sebagai literal. Tanpa escape, titik berarti karakter apa…
04
XML Escape
XML escape mengganti karakter yang memiliki makna struktural dalam XML dengan entity, misalnya & menjadi & dan < menjadi <. Tanpa langkah ini, teks yang berisi tag atau…
05
CSV Escape
CSV escape mengurus nilai yang mengandung koma, tanda kutip, atau baris baru agar tetap dianggap sebagai satu field. Aturan umum RFC 4180 menyatakan bahwa field seperti itu…
06
Backslash Escape
Backslash escape memakai karakter backslash untuk menandai bahwa karakter berikutnya harus diperlakukan secara khusus atau sebagai literal. Dalam string literal, urutan seperti…
07
URL Parser
URL parser memecah alamat web menjadi bagian yang mudah dibaca, seperti scheme, host, port, path, query string, dan fragment. Dengan memahami bagian-bagian ini, kamu bisa…
08
Word Counter
Word counter menghitung jumlah kata, karakter, kalimat, dan paragraf dalam sebuah teks. Kata biasanya dipisahkan oleh spasi atau tanda baca, sedangkan karakter dapat dihitung…
09
Emoji Picker
Emoji picker adalah panel untuk mencari dan menyalin karakter emoji ke teks, dokumen, atau kode. Emoji sebenarnya adalah karakter Unicode, sehingga dapat disimpan dalam string…
10
Encoding Detector
Encoding detector menebak bagaimana byte teks harus ditafsirkan, misalnya UTF-8, ISO-8859-1, atau Windows-1252. Tebakan membantu ketika file lama menampilkan karakter aneh…
11
Find and Replace
Find and replace mencari teks tertentu lalu menggantinya dengan teks lain, baik satu kemunculan maupun semuanya sekaligus. Opsi case-sensitive, whole word, dan regex membuat…
12
Censor Words
Censor words mengganti kata tertentu dengan karakter samaran seperti bintang, biasanya untuk menyaring kata kasar. Alat ini perlu mencocokkan variasi huruf besar-kecil dan batas…
13
Extract Email Addresses
Alat ini memindai teks dan mengambil alamat email yang cocok dengan pola umum
[email protected]
. Ekstraksi berguna untuk merapikan daftar kontak dari dokumen atau log, tetapi pola…
14
Extract a Substring
Substring adalah potongan teks yang diambil dari posisi tertentu dalam sebuah string. Kamu bisa mengambil berdasarkan indeks awal dan panjang, atau di antara dua penanda seperti…
15
Find Hidden Characters
Alat ini menampilkan karakter tak terlihat seperti spasi non-breaking, zero-width space, tab, dan carriage return. Karakter semacam ini sering menyebabkan bug sulit dilacak,…
16
Add Quotes to Text
Alat ini membungkus setiap baris atau kata dengan tanda kutip sehingga teks siap ditempel ke daftar SQL, array JSON, atau spreadsheet. Kamu bisa menambahkan pemisah koma…
17
Repeat Text
Repeat text menggandakan sebuah teks sebanyak jumlah yang ditentukan, dengan pilihan pemisah di antara pengulangan. Fitur ini berguna untuk membuat garis pemisah, placeholder,…
18
Truncate Text
Truncate memotong teks yang terlalu panjang sampai batas tertentu, sering dengan elipsis di akhir. Pemotongan yang baik dilakukan di batas kata agar kalimat tidak terputus di…
19
Reverse Text
Reverse text membalik urutan karakter, kata, atau baris dalam sebuah teks. Pembalikan karakter sering dipakai untuk latihan string dan teka-teki, sedangkan pembalikan kata atau…
20
Rotate Text
Rotate text menggeser setiap huruf sebanyak posisi tertentu dalam alfabet, mirip sandi Caesar. Huruf yang melewati akhir alfabet akan kembali ke awal, sedangkan huruf non-alfabet…
21
Randomize Case
Randomize case mengubah huruf besar dan kecil secara acak pada sebuah teks, biasanya untuk gaya tulisan santai di media sosial. Setiap huruf alfabet dipilih secara acak,…
22
Text to Unicode
Konversi teks ke Unicode mengubah setiap karakter menjadi code point, biasanya ditulis dalam format U+XXXX atau bilangan desimal. Proses sebaliknya mengubah kode tersebut kembali…
23
Palindrome Checker
Palindrome checker memeriksa apakah teks terbaca sama dari depan dan belakang setelah spasi, tanda baca, dan perbedaan huruf besar-kecil diabaikan. Contoh klasiknya adalah kasur…
24
Create a Palindrome
Alat ini mengubah teks biasa menjadi palindrom, umumnya dengan menambahkan salinan terbalik di belakangnya. Hasilnya selalu terbaca sama dari dua arah, meskipun maknanya sering…
25
Whitespace Cleaner
Whitespace cleaner merapikan spasi, tab, dan baris baru yang berlebihan agar teks lebih mudah dibaca. Biasanya alat ini memangkas spasi di awal dan akhir serta menggabungkan…
26
Remove Extra Spaces
Remove extra spaces menghapus spasi berlebih, baik di awal dan akhir baris maupun deretan spasi di tengah kalimat. Berbeda dari pembersih whitespace yang menyeluruh, alat ini…
27
Remove Blank Lines
Remove blank lines menghapus baris kosong atau baris yang hanya berisi spasi dari sebuah teks. Ini berguna untuk merapikan hasil salin-tempel, log, atau kode yang memiliki banyak…
28
Tabs to Spaces
Tabs to spaces mengubah karakter tab menjadi sejumlah spasi sesuai lebar yang dipilih, umumnya 2, 4, atau 8. Konversi membuat indentasi tampil konsisten di editor, terminal, dan…
29
Character Counter
Character counter menghitung jumlah karakter dalam teks, kadang terpisah antara dengan spasi, tanpa spasi, huruf, angka, dan byte. Hitungan ini penting untuk batas formulir,…
30
Text to Binary
Text to binary mengubah setiap karakter menjadi representasi biner dari nilai byte-nya. Untuk teks ASCII, satu karakter biasanya menjadi 8 bit, sedangkan karakter non-ASCII dalam…
31
Morse Code Translator
Morse code menerjemahkan huruf dan angka menjadi rangkaian titik dan garis. Setiap huruf dipisahkan oleh spasi, sedangkan kata dipisahkan oleh garis miring atau spasi yang lebih…
32
NATO Phonetic Alphabet
NATO phonetic alphabet mengganti setiap huruf dengan kata yang jelas, seperti Alpha, Bravo, dan Charlie, agar tidak salah dengar saat komunikasi radio atau telepon. Alat ini…
33
Online Notepad
Online notepad adalah editor teks sederhana di browser untuk mencatat cepat tanpa format. Sebagian besar alat menyimpan draft di localStorage sehingga catatan tetap ada saat tab…
34
Text to Speech
Text to speech mengubah tulisan menjadi suara menggunakan suara sintetis di perangkat atau browser. Di web, Web Speech API menyediakan SpeechSynthesisUtterance untuk mengatur…
10
Dev Utilities
20 lesson
01
Cron Parser
Cron parser membaca ekspresi cron lima bagian yang menentukan kapan sebuah tugas berjalan: menit, jam, tanggal, bulan, dan hari dalam minggu. Simbol bintang berarti setiap nilai,…
02
Cron Expression Builder
Cron expression builder membantu menyusun ekspresi cron melalui pilihan menu, lalu menampilkan hasil seperti 0 8 * * 1. Kamu tidak perlu menghafal urutan field karena setiap…
03
Chmod Calculator
Chmod calculator membantu menghitung izin file Unix dari kombinasi read, write, dan execute menjadi angka oktal seperti 755. Izin dibagi untuk owner, group, dan others,…
04
HTTP Status Codes
HTTP status code adalah angka tiga digit yang dikirim server untuk memberi tahu hasil sebuah request. Kode 2xx berarti berhasil, 3xx berarti redirect, 4xx berarti kesalahan dari…
05
MIME Type Lookup
MIME type lookup menunjukkan tipe konten yang sesuai untuk sebuah ekstensi file, misalnya .html menjadi text/html dan .png menjadi image/png. Tipe ini dikirim server melalui…
06
Aspect Ratio Calculator
Aspect ratio calculator membantu mempertahankan perbandingan lebar dan tinggi saat mengubah ukuran gambar atau video. Rasio 16:9 berarti lebar 16 unit untuk setiap 9 unit tinggi.…
07
Social Share Preview
Social share preview menampilkan perkiraan tampilan tautan saat dibagikan di media sosial. Tampilan itu dikendalikan oleh meta tag Open Graph dan Twitter Card, seperti og:title,…
08
Font Preview
Font preview memungkinkan kamu mengetik contoh teks lalu melihatnya dalam berbagai font, ukuran, dan ketebalan. Alat ini membantu memilih font yang cocok sebelum menambahkannya…
09
CSS Minifier
CSS minifier menghapus spasi, komentar, dan karakter yang tidak perlu dari stylesheet agar ukurannya lebih kecil. Hasilnya tetap CSS valid dan dapat langsung dipakai browser.…
10
JavaScript Minifier
JavaScript minifier memendekkan kode dengan menghapus komentar dan spasi, kadang juga mengganti nama variabel lokal. Ukuran file mengecil sehingga halaman lebih cepat diunduh,…
11
Pixel Ruler
Pixel ruler mengukur jarak dan ukuran elemen di layar dalam satuan piksel. Alat ini membantu memeriksa margin, padding, lebar gambar, atau jarak antar komponen. Ingat bahwa…
12
Device Mockup
Device mockup menempatkan desain ke dalam bingkai perangkat seperti ponsel, tablet, atau laptop untuk melihat tampilannya. Alat ini membantu presentasi dan pengecekan kasar…
13
cURL Converter
cURL converter mengubah perintah curl menjadi kode dalam bahasa lain seperti JavaScript fetch, Python requests, atau PHP, dan sebaliknya. Konversi membantu memindahkan request…
14
User Agent Parser
User Agent Parser membaca string User-Agent yang dikirim browser pada setiap permintaan HTTP, lalu memecahnya menjadi nama browser, versi, mesin render, sistem operasi, dan jenis…
15
JavaScript Key Code Info
Halaman ini menampilkan informasi tentang tombol keyboard yang kamu tekan, seperti event.key, event.code, keyCode, dan which. Dengan data ini kamu bisa memilih nilai yang tepat…
16
Online Stopwatch
Stopwatch online mengukur selang waktu dengan tombol start, stop, dan reset, serta sering menyediakan lap time. Di JavaScript, waktu yang telah berjalan dihitung dari selisih…
17
Docker Run to Compose
Alat ini menerjemahkan perintah docker run menjadi file docker-compose.yml yang setara, sehingga container yang tadinya dijalankan manual bisa dikelola secara deklaratif. Compose…
18
ASCII Text Art
ASCII Text Art mengubah teks biasa menjadi huruf besar yang tersusun dari karakter ASCII, sehingga bisa dipakai sebagai banner di terminal, komentar kode, atau README. Setiap…
19
Device Information
Halaman Device Information menampilkan data perangkat yang dapat diakses browser, seperti resolusi layar, ukuran viewport, device pixel ratio, bahasa, jumlah core CPU, perkiraan…
20
HTTP Header Analyzer
HTTP Header Analyzer memeriksa header pada request dan response untuk membantu memahami perilaku situs. Kamu bisa melihat Content-Type, aturan cache, cookie, CORS, serta header…
11
Calculators
33 lesson
01
IP Subnet Calculator
IP Subnet Calculator menghitung detail sebuah subnet dari alamat IP dan prefix CIDR, seperti network address, broadcast address, rentang host yang bisa dipakai, subnet mask, dan…
02
IP Address Converter
IP Address Converter mengubah IPv4 antara notasi desimal bertitik, biner, heksadesimal, dan bilangan bulat 32-bit. Setiap oktet bernilai 0-255 dan mewakili 8 bit, sehingga…
03
IP Range Expander
IP Range Expander mengubah notasi CIDR atau rentang awal-akhir menjadi daftar alamat IP satu per satu. Hasilnya berguna untuk menyusun allowlist firewall, memeriksa inventaris…
04
IPv6 ULA Generator
Generator IPv6 ULA membuat prefix alamat lokal unik dengan rentang fc00::/7, umumnya dimulai fd, untuk jaringan internal yang tidak dirutekan ke internet. Prefix /48 yang…
05
MAC Address Generator
MAC Address Generator membuat alamat MAC 48-bit acak dalam format titik dua, tanda hubung, atau notasi titik. Alamat ini berguna untuk pengujian jaringan, dokumentasi, simulasi…
06
MAC Address Lookup
MAC Address Lookup mencocokkan tiga oktet pertama alamat MAC dengan database OUI untuk menebak pabrikan perangkat. OUI adalah 24 bit yang didaftarkan IEEE kepada vendor, sehingga…
07
Binary Calculator
Binary Calculator melakukan operasi aritmetika pada bilangan basis 2, seperti penjumlahan, pengurangan, perkalian, dan pembagian, lalu sering menampilkan hasil dalam biner,…
08
Bitwise Calculator
Bitwise Calculator menerapkan operasi logika per bit seperti AND, OR, XOR, NOT, serta shift kiri dan kanan pada bilangan bulat. Operasi ini dipakai untuk mengatur flag, mask,…
09
Unit Converter
Unit Converter adalah alat serbaguna untuk mengubah nilai antar satuan dalam kategori seperti panjang, massa, suhu, luas, volume, kecepatan, waktu, dan penyimpanan data. Sebagian…
10
Length Converter
Length Converter mengubah satuan panjang seperti milimeter, sentimeter, meter, kilometer, inci, kaki, yard, dan mil. Semua satuan dikonversi melalui meter sebagai satuan dasar,…
11
Weight Converter
Weight Converter mengubah satuan massa seperti miligram, gram, kilogram, ton, pon, ons, dan stone. Dalam fisika, massa berbeda dari berat, tetapi alat sehari-hari sering memakai…
12
Temperature Converter
Temperature Converter mengubah suhu antara Celsius, Fahrenheit, dan Kelvin menggunakan rumus yang melibatkan offset, bukan hanya faktor pengali. Celsius ke Fahrenheit dihitung…
13
Data Storage Converter
Data Storage Converter mengubah ukuran data antara bit, byte, kilobyte, megabyte, gigabyte, dan terabyte, baik dengan basis desimal 1000 maupun biner 1024. Satu byte terdiri dari…
14
Area Converter
Area Converter mengubah satuan luas seperti meter persegi, sentimeter persegi, hektare, acre, kaki persegi, dan mil persegi. Karena luas adalah panjang kuadrat, faktor konversi…
15
Speed Converter
Speed Converter mengubah satuan kecepatan seperti meter per detik, kilometer per jam, mil per jam, knot, dan kaki per detik. Konversi paling mudah dilakukan dengan menjadikan…
16
Time Converter
Time Converter mengubah satuan waktu seperti detik, menit, jam, hari, minggu, bulan, dan tahun. Satuan hingga minggu memiliki nilai tetap, sedangkan bulan dan tahun bergantung…
17
Volume Converter
Volume Converter mengubah satuan isi seperti mililiter, liter, meter kubik, galon, pint, cangkir, dan fluid ounce. Faktor volume adalah pangkat tiga dari faktor panjang, sehingga…
18
Roman Numeral Converter
Roman Numeral Converter mengubah angka biasa menjadi angka Romawi dan sebaliknya. Sistem ini memakai simbol I, V, X, L, C, D, dan M dengan aturan pengurangan untuk nilai seperti…
19
Date & Age Calculator
Date & Age Calculator menghitung selisih antara dua tanggal dalam tahun, bulan, dan hari, atau menentukan usia dari tanggal lahir. Perhitungannya mengikuti kalender, bukan…
20
Age Calculator
Age Calculator menentukan usia berdasarkan tanggal lahir dan tanggal acuan, biasanya hari ini. Usia dalam tahun dihitung dengan mengurangi tahun lalu menyesuaikan apakah ulang…
21
Date Difference
Date Difference menghitung jarak antara dua tanggal dalam hari, minggu, bulan, atau tahun. Bila tanggal dihitung sebagai tanggal murni, selisih hari dapat diperoleh dari epoch…
22
Add or Subtract Days
Alat Add or Subtract Days menambahkan atau mengurangi sejumlah hari, minggu, bulan, atau tahun dari sebuah tanggal. Untuk hari, penambahan dapat melewati batas bulan dan tahun…
23
Leap Year Checker
Leap Year Checker menentukan apakah sebuah tahun kabisat, yaitu tahun yang memiliki 366 hari dan tanggal 29 Februari. Aturannya: habis dibagi 4, kecuali tahun abad yang hanya…
24
Day of the Week
Day of the Week menghitung nama hari untuk tanggal tertentu, misalnya untuk jadwal, arsip, atau analisis data. JavaScript menyediakan getDay() dengan 0 untuk Minggu, sedangkan…
25
Percentage Calculator
Percentage Calculator menangani tiga pertanyaan umum: berapa X persen dari Y, X adalah berapa persen dari Y, dan berapa persentase perubahan dari nilai lama ke nilai baru. Persen…
26
Math Expression Evaluator
Math Expression Evaluator membaca ekspresi matematika seperti (3 + 5) x 2 dan menghitung hasilnya sesuai urutan operasi. Operator perkalian dan pembagian diproses sebelum…
27
Number Sequence Generator
Number Sequence Generator membuat deret angka berdasarkan aturan awal, akhir, dan langkah, atau pola khusus seperti kelipatan dan bilangan kuadrat. Hasilnya berguna untuk data…
28
Arithmetic Sequence Calculator
Arithmetic Sequence Calculator menghitung suku ke-n dan jumlah n suku pertama dari barisan aritmetika. Barisan ini memiliki selisih tetap d antara suku berurutan, sehingga rumus…
29
Number to Words
Number to Words mengubah angka menjadi kata, misalnya 4.305 menjadi four thousand three hundred five. Prosesnya membagi angka ke kelompok tiga digit seperti ribuan, jutaan, dan…
30
Sum a List of Numbers
Sum a List of Numbers menjumlahkan kumpulan angka yang dipisahkan koma, spasi, atau baris baru. Alat ini biasanya juga menampilkan jumlah data, rata-rata, nilai minimum, dan…
31
Ohm's Law Calculator
Ohm's Law Calculator menghitung hubungan antara tegangan (V), arus (I), dan hambatan (R) menggunakan V = I x R. Dari dua nilai yang diketahui, nilai ketiga dapat dihitung, dan…
32
Random Port Generator
Random Port Generator menghasilkan nomor port acak untuk keperluan pengujian atau konfigurasi server lokal. Port adalah angka 16-bit dari 0 sampai 65535, yang dibagi menjadi…
33
Time Zone Converter
Time Zone Converter mengubah waktu dari satu zona waktu ke zona lain, dengan memperhitungkan offset dan daylight saving time. Zona sebaiknya dirujuk dengan nama IANA seperti…
12
SVG Tools
7 lesson
01
SVG Optimizer
SVG Optimizer memperkecil ukuran file SVG dengan menghapus metadata, komentar, atribut yang tidak terpakai, serta membulatkan koordinat path. SVG adalah format vektor berbasis…
02
SVG Placeholder Generator
SVG Placeholder Generator membuat gambar placeholder berukuran tertentu dengan latar dan teks, misalnya 400 x 200 piksel bertuliskan Preview. Karena berbentuk SVG, placeholder…
03
SVG to PNG
SVG to PNG mengubah gambar vektor menjadi raster PNG pada ukuran piksel tertentu. PNG cocok untuk platform yang tidak mendukung SVG atau saat membutuhkan gambar dengan latar…
04
SVG to Data URI
SVG to Data URI mengubah kode SVG menjadi URI data:image/svg+xml yang bisa langsung ditempel di HTML atau CSS. Data URI menghilangkan satu permintaan HTTP, tetapi memperbesar…
05
SVG Blob Generator
SVG Blob Generator mengemas kode SVG menjadi objek Blob bertipe image/svg+xml, lalu membuat URL sementara dengan createObjectURL. URL tersebut bisa dipakai untuk pratinjau di tag…
06
SVG Wave Generator
SVG Wave Generator membuat bentuk gelombang dengan path SVG untuk dipakai sebagai pembatas section atau latar belakang. Kurva biasanya dibentuk dengan perintah C untuk cubic…
07
SVG Pattern Generator
SVG Pattern Generator membuat pola berulang dengan mendefinisikan tile di dalam elemen pattern, lalu memakainya sebagai fill. Ukuran tile, bentuk, dan warna dapat diatur untuk…
13
Project Files
6 lesson
01
.gitignore Generator
Generator .gitignore membantu menyusun daftar pola file dan folder yang tidak perlu dilacak Git, misalnya node_modules, hasil build, atau file rahasia .env. Kamu memilih template…
02
License Generator
Generator lisensi membantu memilih lisensi open source dan menghasilkan file LICENSE yang siap diletakkan di akar proyek. Kamu mengisi tahun dan nama pemegang hak cipta, lalu…
03
package.json Generator
Generator package.json membuat manifest proyek Node.js yang berisi nama, versi, skrip, dan daftar dependency. File ini dibaca npm saat menjalankan perintah seperti npm install…
04
.editorconfig Generator
Generator .editorconfig menghasilkan file aturan gaya kode yang dibaca oleh banyak editor dan IDE. Aturan seperti jenis indentasi, ukuran indentasi, akhir baris, dan baris baru…
05
Dockerfile Generator
Generator Dockerfile menyusun resep pembuatan image Docker dari pilihan bahasa, versi runtime, port, dan perintah start. Dockerfile berisi instruksi berurutan seperti FROM,…
06
.env Example Generator
Generator .env membantu membuat template variabel lingkungan untuk aplikasi, misalnya kunci API, alamat database, dan port server. File .env berisi pasangan KEY=VALUE yang dibaca…
14
Image Editing
24 lesson
01
Background Remover
Background remover memisahkan objek utama pada foto dari latarnya secara otomatis, lalu menghasilkan gambar dengan latar transparan. Hasilnya biasanya disimpan sebagai PNG atau…
02
Change Image Colors
Alat perubahan warna gambar dipakai untuk menggeser hue, mengatur saturasi, atau mengganti warna tertentu tanpa mengubah bentuk objek. Konsep dasarnya adalah model warna HSL, di…
03
Change Image Opacity
Alat pengatur opacity membuat gambar menjadi semi-transparan dengan mengubah nilai alpha pada setiap piksel. Nilai 0% berarti gambar tidak terlihat sama sekali, sedangkan 100%…
04
Make Background Transparent
Alat pembuat latar transparan mengubah warna latar tertentu menjadi transparan berdasarkan warna yang dipilih dan toleransinya. Cara ini mirip chroma key: cocok untuk latar…
05
Crop Image
Crop memotong bagian tertentu dari gambar sehingga framing dan dimensinya berubah. Proses ini membuang piksel di luar area pilihan, bukan mengecilkan seluruh isi gambar seperti…
06
Rotate Image
Rotate memutar gambar pada sudut tertentu, misalnya 90, 180, atau sudut bebas untuk menyeimbangkan horizon. Rotasi sudut siku-siku dapat dilakukan tanpa interpolasi piksel,…
07
Flip Image
Flip mencerminkan gambar secara horizontal atau vertikal tanpa memutar isinya. Flip horizontal menukar sisi kiri dan kanan, sedangkan flip vertikal menukar sisi atas dan bawah.…
08
Resize Image
Resize mengubah jumlah piksel gambar, baik memperkecil untuk kebutuhan web maupun memperbesar untuk tampilan tertentu. Saat memperkecil, detail dibuang dan ukuran file biasanya…
09
Image Upscaler
Image upscaler memperbesar resolusi gambar, baik dengan interpolasi klasik maupun model kecerdasan buatan. Alat berbasis AI mencoba menambahkan detail yang terlihat masuk akal,…
10
Grayscale Image
Grayscale mengubah gambar berwarna menjadi nuansa abu-abu dengan mempertahankan tingkat kecerahan. Konversi biasanya memakai bobot berbeda untuk merah, hijau, dan biru karena…
11
Blur Image
Blur melembutkan gambar dengan mencampur nilai piksel dengan piksel tetangganya. Semakin besar radius blur, semakin kuat efeknya dan semakin banyak detail yang hilang. Efek ini…
12
Pixelate Image
Pixelate membagi gambar menjadi blok-blok persegi dan mengisi setiap blok dengan satu warna, biasanya warna rata-rata area tersebut. Semakin besar ukuran blok, semakin kasar…
13
Add Border to Image
Alat penambah border memberi bingkai di sekeliling gambar dengan lebar dan warna yang bisa diatur. Border membantu memisahkan gambar dari latar, menyatukan gaya visual, atau…
14
Watermark Image
Watermark menempelkan teks atau logo ke gambar sebagai penanda kepemilikan atau sumber. Pengaturan pentingnya adalah posisi, ukuran, dan opacity agar watermark terlihat tetapi…
15
Add Text to Image
Alat tambah teks menempelkan tulisan ke gambar sebagai bagian dari piksel, bukan sebagai lapisan teks yang bisa diedit. Kamu dapat mengatur jenis huruf, ukuran, warna, posisi,…
16
Circle Crop
Circle crop memotong gambar mengikuti bentuk lingkaran, biasanya untuk foto profil atau avatar. Bagian di luar lingkaran dibuang atau dibuat transparan, sehingga hasilnya…
17
Join Images
Join images menggabungkan beberapa gambar menjadi satu kanvas, baik berdampingan, bertumpuk, maupun dalam susunan grid. Agar hasil rapi, ukuran dan rasio gambar perlu…
18
Image Splitter
Image splitter membagi satu gambar menjadi beberapa bagian sesuai jumlah baris dan kolom. Setiap bagian dapat disimpan sebagai file terpisah, misalnya untuk grid Instagram,…
19
Image Color Picker
Image color picker mengambil nilai warna dari piksel tertentu pada gambar dan menampilkannya dalam format HEX, RGB, atau HSL. Alat ini berguna untuk mencocokkan warna merek,…
20
EXIF Metadata Viewer
EXIF viewer menampilkan metadata yang tersimpan di dalam file foto, seperti model kamera, lensa, ISO, aperture, kecepatan rana, tanggal, orientasi, dan lokasi GPS. Metadata ini…
21
Remove EXIF Data
Remove EXIF menghapus metadata dari file gambar sebelum dibagikan, sehingga informasi kamera, lokasi GPS, dan nomor seri perangkat tidak ikut tersebar. Penghapusan metadata yang…
22
Image to Text (OCR)
OCR atau optical character recognition mengubah teks yang terlihat pada gambar menjadi teks digital yang bisa diedit dan dicari. Kualitas hasil sangat dipengaruhi resolusi,…
23
Color Palette from Image
Alat palette from image mengekstrak warna-warna dominan dari sebuah gambar dan menampilkannya sebagai kode warna yang bisa dipakai ulang. Prosesnya biasanya mengelompokkan piksel…
24
Signature Maker
Signature maker menyediakan kanvas untuk menggambar tanda tangan menggunakan mouse, trackpad, atau layar sentuh, lalu menyimpannya sebagai file gambar. Tanda tangan digital…
15
Image Converters
27 lesson
01
Image Converter
Image converter mengubah gambar dari satu format ke format lain, misalnya PNG ke JPG atau WebP ke PNG. Saat konversi, kamu bisa mengatur kualitas kompresi dan harus…
02
PNG to JPG
Konversi PNG ke JPG mengubah gambar lossless menjadi format lossy yang lebih kecil, terutama untuk foto. Karena JPG tidak mendukung transparansi, area alpha akan diisi warna…
03
PNG to WebP
Konversi PNG ke WebP mengubah gambar lossless menjadi format modern yang mendukung kompresi lossy maupun lossless serta transparansi. Untuk logo dan ilustrasi, WebP sering…
04
PNG to BMP
Konversi PNG ke BMP menghasilkan bitmap yang menyimpan piksel secara sederhana, tetapi ukurannya jauh lebih besar karena umumnya tanpa kompresi. BMP 24-bit tidak menyimpan alpha,…
05
PNG to GIF
Konversi PNG ke GIF berguna saat kamu membutuhkan format yang sangat kompatibel atau ingin membuat animasi sederhana. GIF hanya mendukung 256 warna per frame dan transparansi…
06
JPG to PNG
Konversi JPG ke PNG mengubah foto lossy menjadi file lossless, tetapi tidak memulihkan detail yang sudah hilang. PNG biasanya lebih besar dan berguna jika kamu perlu mengedit…
07
JPG to WebP
Konversi JPG ke WebP mengubah foto lossy menjadi format modern yang biasanya menghasilkan file lebih kecil pada kualitas visual yang setara. Karena JPG tidak memiliki…
08
JPG to BMP
Konversi JPG ke BMP menyimpan ulang foto ke bitmap yang umumnya tidak terkompresi, sehingga ukurannya bisa berkali-kali lipat lebih besar. Nilai piksel hasil decode…
09
JPG to GIF
Konversi JPG ke GIF mengubah foto menjadi gambar berpalet maksimal 256 warna, sehingga gradasi halus sering berubah menjadi pita warna. Dithering dapat menyamarkan efek tersebut,…
10
WebP to PNG
Konversi WebP ke PNG mengubah gambar menjadi format lossless yang kompatibel luas dan mendukung transparansi. Jika WebP sumber memakai kompresi lossy, PNG tidak akan memulihkan…
11
WebP to JPG
Konversi WebP ke JPG berguna saat aplikasi atau perangkat tujuan belum mendukung WebP. Karena JPG tidak memiliki alpha, area transparan WebP harus diratakan ke warna latar,…
12
WebP to BMP
Konversi WebP ke BMP mengubah gambar menjadi bitmap yang umumnya tidak terkompresi, sehingga ukurannya jauh lebih besar. Konversi ini mempertahankan nilai piksel hasil decode,…
13
WebP to GIF
Konversi WebP ke GIF mengubah gambar menjadi format berpalet 256 warna yang sangat kompatibel. Transparansi WebP yang halus akan disederhanakan menjadi satu bit, sehingga tepi…
14
BMP to PNG
Konversi BMP ke PNG menyimpan ulang bitmap menjadi format lossless yang jauh lebih hemat ruang dan didukung luas. Nilai piksel tetap sama, tetapi ukuran file biasanya turun…
15
BMP to JPG
Konversi BMP ke JPG memakai kompresi lossy untuk memangkas ukuran file yang sangat besar, terutama pada foto. Karena JPG tidak mendukung alpha, transparansi BMP harus diratakan…
16
BMP to WebP
Konversi BMP ke WebP menghasilkan file yang jauh lebih kecil dan siap dipakai di web modern. WebP mendukung mode lossy maupun lossless, serta alpha jika gambar sumber…
17
BMP to GIF
Konversi BMP ke GIF memperkecil file dengan mengubah piksel menjadi palet maksimal 256 warna. Penghematan ruang bisa besar, tetapi foto dan gradasi halus akan kehilangan detail…
18
GIF to PNG
Konverter GIF ke PNG mengubah gambar GIF menjadi berkas PNG yang menyimpan piksel secara lossless. GIF hanya sanggup menampung 256 warna per frame dan transparansi satu bit,…
19
GIF to JPG
Konversi GIF ke JPG berguna ketika sistem tujuan hanya menerima berkas JPEG, misalnya formulir lamaran atau layanan cetak. JPG memakai kompresi lossy yang sangat efisien untuk…
20
GIF to WebP
WebP adalah format modern yang mendukung gambar statis maupun animasi, transparansi alpha, serta mode lossy dan lossless. Mengubah GIF ke WebP sering memangkas ukuran berkas…
21
GIF to BMP
BMP adalah format bitmap lama dari lingkungan Windows yang menyimpan piksel dengan sedikit atau tanpa kompresi. Mengubah GIF ke BMP membuat berkas jauh lebih besar dan…
22
HEIC to JPG
HEIC adalah format foto bawaan iPhone yang memakai container HEIF dan codec HEVC untuk menghemat ruang penyimpanan. Sayangnya, format ini belum didukung semua aplikasi, terutama…
23
HEIC to PNG
PNG menyimpan hasil decode foto HEIC dalam wadah lossless, sehingga tidak ada kompresi tambahan saat berkas ditulis. Namun, detail yang sudah hilang ketika HEIC dibuat tidak…
24
HEIC to WebP
Konversi HEIC ke WebP menggabungkan efisiensi foto iPhone dengan format gambar yang ramah web. WebP mendukung kompresi lossy dan lossless, transparansi, serta animasi, sehingga…
25
AVIF to JPG
AVIF adalah format gambar modern berbasis codec AV1 yang sangat hemat ukuran, tetapi belum dibuka oleh semua aplikasi lama. Mengonversinya ke JPG membuat foto lebih mudah dipakai…
26
AVIF to PNG
PNG menyimpan hasil decode AVIF dalam wadah lossless, jadi tidak ada kompresi tambahan saat berkas disimpan. Meski begitu, detail yang sudah hilang ketika AVIF dibuat tidak bisa…
27
AVIF to WebP
WebP adalah format web yang mendukung kompresi lossy maupun lossless, transparansi, dan animasi. Mengubah AVIF ke WebP sering dipilih ketika browser atau aplikasi tujuan lebih…
16
Image Compression
11 lesson
01
Compress Image
Kompresi gambar mengecilkan ukuran berkas dengan membuang data yang tidak terlalu terlihat, menurunkan dimensi, atau membersihkan metadata. Ada dua pendekatan: lossy yang…
02
Bulk Image Compressor
Bulk image compressor menerapkan pengaturan kompresi yang sama ke banyak gambar sekaligus. Alat seperti ini menghemat waktu dibanding membuka gambar satu per satu, terutama untuk…
03
Increase Image Size
Memperbesar gambar berarti menambah jumlah piksel, biasanya melalui interpolasi dari piksel yang sudah ada. Proses ini tidak menciptakan detail baru, jadi hasilnya bisa tampak…
04
Compress to 10 KB
Kompresi ke 10 KB adalah target yang sangat agresif dan hanya realistis untuk gambar mungil seperti ikon, emoji, atau thumbnail kecil. Alat akan menurunkan quality, mempersempit…
05
Compress to 20 KB
Batas 20 KB memaksa gambar sangat ringkas, sehingga biasanya dipakai untuk ikon, avatar mini, atau thumbnail daftar. Tool akan menurunkan dimensi dan quality sampai ukuran target…
06
Compress to 50 KB
Target 50 KB sering muncul pada formulir unggah foto profil atau daftar produk sederhana. Pada ukuran ini, foto masih bisa terlihat layak jika dimensinya tidak terlalu besar dan…
07
Compress to 100 KB
Gambar 100 KB memberi ruang lebih lega untuk foto artikel, kartu produk, atau thumbnail besar. Kunci hasil yang tajam adalah selalu mulai dari berkas asli beresolusi tinggi,…
08
Compress to 200 KB
Batas 200 KB cocok untuk foto produk, hero image, atau gambar konten berukuran sedang di web. Pada ukuran ini kamu bisa mempertahankan detail yang cukup baik asalkan dimensi…
09
Compress to 500 KB
Target 500 KB tergolong longgar dan memberi ruang untuk foto web berukuran besar dengan kualitas tinggi. Ukuran akhir sangat dipengaruhi dimensi piksel serta kerumitan detail:…
10
Compress to 1 MB
Satu megabyte adalah batas yang cukup lapang untuk foto beresolusi tinggi, mockup, atau gambar yang akan di-zoom. Pada titik ini, menurunkan quality lebih jauh sering tidak…
11
Compress to 2 MB
Batas 2 MB umumnya dipakai untuk gambar kualitas tinggi, seperti foto katalog yang bisa diperbesar atau materi presentasi. Ukuran sebesar ini jarang diperlukan untuk halaman web…
17
Social Media
27 lesson
01
SOME Image Resizer
Social media image resizer menyediakan preset ukuran untuk banyak platform dalam satu tempat. Kamu cukup memilih tujuan unggahan, lalu alat menyesuaikan dimensi, rasio, dan…
02
Resize to IG Post
Post Instagram berbentuk persegi memakai kanvas 1080 x 1080 piksel dengan rasio 1:1. Ukuran ini aman untuk foto produk, kutipan, dan carousel karena tampil rapi di grid profil.…
03
Resize to IG Portrait Post
Post portrait Instagram memakai kanvas 1080 x 1350 piksel dengan rasio 4:5. Rasio ini mengisi layar ponsel lebih penuh sehingga gambar terlihat lebih besar di feed dibanding…
04
Resize to IG Landscape
Post landscape Instagram berukuran 1080 x 566 piksel, mendekati rasio 1,91:1. Format ini cocok untuk pemandangan, banner, dan potongan video lebar, tetapi tampil lebih kecil di…
05
Resize to IG Story
Story Instagram memakai layar vertikal 1080 x 1920 piksel dengan rasio 9:16. Area atas dan bawah tertutup elemen antarmuka seperti nama akun dan kolom balasan, sehingga teks…
06
Resize to IG Profile Photo
Foto profil Instagram ditampilkan sebagai lingkaran kecil, dengan ukuran rekomendasi 320 x 320 piksel. Karena bentuknya bulat, sudut gambar akan terpotong dan subjek sebaiknya…
07
Resize to FB Post
Post Facebook untuk tautan dan gambar umumnya memakai kanvas 1200 x 630 piksel dengan rasio sekitar 1,91:1. Rasio ini memberi ruang untuk judul, deskripsi, dan elemen visual…
08
Resize to FB Cover Photo
Foto sampul Facebook memakai area lebar, dengan ukuran acuan 851 x 315 piksel untuk desktop. Tampilan ponsel memotong bagian yang berbeda, sehingga logo dan teks harus…
09
Resize to FB Profile Photo
Foto profil Facebook ditampilkan dalam bingkai lingkaran berukuran sekitar 320 x 320 piksel. Platform akan memotong gambar persegi panjang, jadi subjek utama sebaiknya berada di…
10
Resize to FB Story
Story Facebook menggunakan layar vertikal penuh berukuran 1080 x 1920 piksel. Elemen antarmuka di bagian atas dan bawah dapat menutupi konten, sehingga area aman berada di…
11
Resize to FB Event Cover
Cover acara Facebook biasanya memakai rasio lebar 16:9 dengan ukuran acuan 1920 x 1080 piksel. Di dalamnya perlu ada nama acara, tanggal, dan elemen visual yang langsung…
12
Resize to X Post Image
Gambar post di X tampil paling rapi dengan kanvas 1600 x 900 piksel dan rasio 16:9. Ukuran ini cukup besar untuk timeline desktop maupun ponsel, dan masih di bawah batas ukuran…
13
Resize to X Header
Header profil X memakai banner lebar 1500 x 500 piksel dengan rasio 3:1. Foto profil dan elemen antarmuka menutupi sebagian area, terutama di sisi kiri bawah, sehingga desain…
14
Resize to X Profile Photo
Foto profil X ditampilkan sebagai lingkaran dengan ukuran acuan 400 x 400 piksel. Karena tampil kecil di timeline, gunakan wajah atau logo yang sederhana dan kontras. Platform…
15
Resize to YT Thumbnail
Thumbnail YouTube memakai kanvas 1280 x 720 piksel dengan rasio 16:9 dan batas ukuran berkas 2 MB. Thumbnail adalah hal pertama yang dilihat calon penonton, jadi teks perlu…
16
Resize to YT Banner
Banner channel YouTube berukuran 2048 x 1152 piksel, tetapi hanya area tengah sekitar 1235 x 338 piksel yang selalu terlihat di semua perangkat. Area di luar safe zone bisa…
17
Resize to YT Profile Photo
Foto profil YouTube ditampilkan sebagai lingkaran dengan ukuran acuan 800 x 800 piksel. Karena tampil kecil di bawah video dan di daftar channel, logo atau wajah harus sederhana…
18
Resize to LI Post Image
Gambar post LinkedIn umumnya memakai ukuran 1200 x 627 piksel dengan rasio mendekati 1,91:1. Feed LinkedIn bersifat profesional, sehingga desain yang bersih dan teks ringkas…
19
Resize to LI Cover Banner
Banner sampul LinkedIn untuk halaman perusahaan memakai ukuran acuan 1584 x 396 piksel dengan rasio 4:1. Area ini lebar dan pendek, sehingga teks harus ringkas dan kontrasnya…
20
Resize to LI Profile Photo
Foto profil LinkedIn ditampilkan sebagai lingkaran dengan ukuran acuan 400 x 400 piksel. Profil profesional biasanya memakai wajah yang jelas, pencahayaan baik, dan latar…
21
Resize to LI Logo
Logo perusahaan LinkedIn ditampilkan dalam kotak kecil berukuran sekitar 300 x 300 piksel. Karena ruangnya sempit, logo dengan bentuk sederhana dan kontras tinggi lebih mudah…
22
Resize to TT Video Cover
Cover video TikTok memakai layar vertikal 1080 x 1920 piksel dengan rasio 9:16. Bagian atas, bawah, dan kanan layar dipenuhi tombol serta teks aplikasi, sehingga konten utama…
23
Resize to TT Profile Photo
Foto profil TikTok ditampilkan sebagai lingkaran kecil dengan ukuran acuan 200 x 200 piksel. Karena ukurannya sangat kecil, gunakan subjek tunggal dengan latar sederhana dan…
24
Resize to PIN Pin
Pin Pinterest memakai rasio vertikal 2:3 dengan ukuran acuan 1000 x 1500 piksel. Rasio ini memberi ruang bagi gambar utama sekaligus teks penjelas tanpa membuat pin terlalu…
25
Resize to PIN Profile
Foto profil Pinterest ditampilkan sebagai lingkaran dengan ukuran acuan 165 x 165 piksel. Karena sangat kecil, foto harus memiliki subjek yang jelas dan latar yang tidak ramai.…
26
Resize to WA Profile
Foto profil WhatsApp ditampilkan sebagai lingkaran kecil di daftar chat dan halaman kontak. Ukuran acuan yang aman adalah 500 x 500 piksel dengan rasio 1:1. Karena tampilannya…
27
Resize to WA Status
Alat ini menyiapkan gambar agar pas dipakai sebagai status WhatsApp yang berbentuk vertikal. Ukuran yang umum dipakai adalah 1080 x 1920 piksel dengan rasio 9:16, jadi foto…
18
Video Tools
11 lesson
01
Video Trimmer
Video trimmer memotong bagian awal dan akhir video sehingga hanya bagian yang dibutuhkan yang tersisa. Kamu menentukan titik mulai dan titik akhir pada timeline, lalu alat…
02
Video Compressor
Video compressor memperkecil ukuran file agar lebih mudah diunggah atau dikirim. Ukuran dipengaruhi oleh resolusi, bitrate, codec, dan durasi; menurunkan salah satunya akan…
03
Rotate a Video
Fitur rotate memutar seluruh bingkai video sebesar 90, 180, atau 270 derajat. Ini berguna untuk video ponsel yang tampil miring karena direkam dengan orientasi berbeda. Pemutaran…
04
Flip a Video
Flip mencerminkan video terhadap sumbu horizontal atau vertikal. Flip horizontal membuat gambar seperti melihat cermin, sedangkan flip vertical menukar posisi atas dan bawah.…
05
Crop a Video
Crop memotong area gambar video sehingga hanya sebagian bingkai yang tersisa. Kamu menentukan lebar, tinggi, serta posisi titik kiri atas area potongan. Fitur ini berguna untuk…
06
Resize a Video
Resize mengubah dimensi piksel video, misalnya dari 1920 x 1080 menjadi 1280 x 720. Jika rasio aspek tidak dijaga, gambar akan terlihat gepeng atau memanjang. Menurunkan resolusi…
07
Change Video Speed
Fitur change speed mempercepat atau memperlambat pemutaran video. Pada kecepatan 2x, durasi menjadi setengah; pada 0.5x, durasi menjadi dua kali lipat. Perubahan kecepatan harus…
08
Loop a Video
Alat loop video mengulang klip beberapa kali lalu menggabungkannya menjadi satu file. Kamu bisa menentukan jumlah pengulangan, sehingga video pendek terasa lebih panjang tanpa…
09
MP4 to MP3
Konverter MP4 ke MP3 mengambil trek audio dari file video dan menyimpannya sebagai file audio mandiri. Prosesnya memisahkan audio dari gambar, lalu mengompresnya dengan codec…
10
Video to GIF
Konverter video ke GIF mengubah potongan video menjadi animasi yang dapat diputar otomatis di hampir semua aplikasi. GIF tidak memiliki audio dan hanya mendukung 256 warna per…
11
Video Frame Extractor
Video frame extractor menyimpan satu atau beberapa gambar diam dari video pada waktu tertentu. Kamu bisa memilih detik ke berapa frame diambil, lalu mengunduhnya sebagai JPEG…
19
Recorders & Device Tests
4 lesson
01
Microphone Test
Microphone test memeriksa apakah mikrofon bekerja dan seberapa kuat suara yang ditangkap. Setelah izin diberikan, browser menampilkan level meter yang bergerak saat kamu…
02
Webcam Test
Webcam test menampilkan pratinjau kamera langsung di browser untuk memastikan kamera bekerja dengan baik. Setelah izin diberikan, kamu bisa melihat fokus, pencahayaan, dan sudut…
03
Voice Recorder
Voice recorder merekam suara dari mikrofon dan menyimpannya sebagai file audio di perangkat. Browser modern memakai API MediaRecorder untuk menangkap audio, lalu menghasilkan…
04
Screen Recorder
Screen recorder menangkap gambar dari layar, jendela aplikasi, atau tab browser dan menyimpannya sebagai video. Kamu memilih sumber tangkapan, lalu browser meminta izin sebelum…
20
Meme Tools
3 lesson
01
Meme Generator
Meme generator menambahkan teks lucu atau komentar ke sebuah gambar sehingga menjadi meme siap bagikan. Biasanya teks diletakkan di bagian atas dan bawah gambar dengan huruf…
02
Demotivational Poster
Demotivational poster adalah gambar dengan bingkai hitam tebal dan satu kalimat di bagian bawah. Berbeda dari meme yang menimpa teks pada gambar, poster ini memisahkan gambar dan…
03
Video Meme GIF
Video meme GIF mengubah potongan video pendek menjadi GIF berulang dengan tambahan teks. Format ini populer karena langsung diputar tanpa tombol play dan mudah dibagikan di chat.…
21
PDF Tools
10 lesson
01
Image to PDF
Image to PDF menggabungkan satu atau beberapa gambar menjadi dokumen PDF. Setiap gambar dapat menjadi satu halaman, dengan pengaturan ukuran kertas, orientasi, margin, dan…
02
Merge PDF
Merge PDF menggabungkan beberapa dokumen PDF menjadi satu file. Kamu dapat mengatur urutan dokumen, memilih rentang halaman tertentu, dan terkadang menambahkan bookmark antar…
03
Split PDF
Split PDF memecah satu dokumen menjadi beberapa file yang lebih kecil. Kamu bisa memisahkan setiap halaman menjadi file sendiri, membagi berdasarkan rentang, atau mengambil…
04
PDF to Image
PDF to image mengubah setiap halaman PDF menjadi file gambar seperti PNG atau JPEG. Proses ini disebut rasterisasi: halaman yang semula berisi teks dan vektor diubah menjadi…
05
Extract Images from PDF
Extract images from PDF mengambil gambar yang tertanam di dalam dokumen PDF. Berbeda dari PDF to image yang merender seluruh halaman, alat ini berusaha mengeluarkan aset gambar…
06
Compress PDF
Compress PDF memperkecil ukuran dokumen agar lebih cepat dikirim atau diunggah. Pengurangan terbesar biasanya berasal dari penurunan resolusi gambar, penghapusan metadata, dan…
07
PDF to Text
PDF to text mengekstrak karakter teks dari dokumen PDF menjadi file teks biasa. Proses ini hanya berhasil pada PDF yang memiliki text layer, yaitu teks digital yang tersimpan…
08
Rotate PDF
Rotate PDF memutar halaman dokumen sebesar 90, 180, atau 270 derajat. Kamu bisa memutar semua halaman sekaligus atau hanya halaman tertentu yang memang salah orientasi. Perubahan…
09
Organize PDF Pages
Organize PDF pages memungkinkan kamu mengatur ulang halaman dokumen dengan cara menyeret, menghapus, menduplikasi, atau menyisipkan halaman. Kamu bisa membuang halaman yang tidak…
10
Add Page Nr to PDF
Add page numbers menambahkan nomor halaman ke dokumen PDF secara otomatis. Kamu dapat memilih posisi, ukuran huruf, format nomor, serta halaman awal penomoran. Fitur ini berguna…
22
GIF Tools
5 lesson
01
GIF Maker
GIF maker menyusun beberapa gambar menjadi animasi GIF yang berulang. Kamu mengatur urutan gambar, jeda antar-frame, ukuran kanvas, dan apakah animasi berulang terus-menerus.…
02
GIF to Frames
GIF to frames memecah animasi GIF menjadi file gambar untuk setiap frame. Hasilnya bisa berupa urutan PNG atau JPEG yang memudahkan kamu mengedit, menganalisis gerakan, atau…
03
Add Text to GIF
Add text to GIF menambahkan tulisan langsung ke frame animasi sehingga teks ikut bergerak atau berkedip bersama GIF. Kamu memilih isi teks, ukuran huruf, warna, posisi, dan…
04
Change GIF Speed
Change GIF speed mengatur seberapa cepat frame berganti dengan mengubah delay antar-frame. Delay yang lebih kecil membuat animasi bergerak lebih cepat, sedangkan delay lebih…
05
Reverse GIF
Reverse GIF memutar urutan frame dari belakang ke depan sehingga animasi bergerak terbalik. Efek ini sering dipakai untuk membuat gerakan memantul, misalnya maju lalu mundur…
23
Audio Tools
8 lesson
01
Audio Cutter
Audio cutter memotong bagian awal dan akhir file audio sehingga hanya rentang yang diinginkan yang tersisa. Kamu dapat melihat waveform untuk menentukan titik potong dengan lebih…
02
Audio Joiner
Audio joiner menggabungkan dua atau lebih file audio menjadi satu rekaman berurutan. Kamu mengatur urutan file, memberi jeda, atau menambahkan crossfade agar perpindahan…
03
Change Audio Volume
Change audio volume menaikkan atau menurunkan tingkat kekerasan suara. Perubahan biasanya diukur dalam desibel (dB); nilai positif memperbesar volume, nilai negatif…
04
Change Audio Speed
Change audio speed mempercepat atau memperlambat pemutaran audio tanpa harus mengubah durasi video. Jika tempo diubah tanpa penyesuaian pitch, suara bisa terdengar lebih tinggi…
05
Loop an Audio File
Loop audio mengulang sebuah rekaman beberapa kali sehingga menjadi lebih panjang. Kamu menentukan jumlah pengulangan atau durasi target, lalu alat menyusun salinan audio secara…
06
Audio Fade In and Out
Audio fade in dan fade out membuat suara muncul atau menghilang secara bertahap. Fade in biasanya dipakai di awal lagu agar tidak menggebrak, sedangkan fade out dipakai di akhir…
07
Audio to WAV Converter
Audio converter mengubah file dari satu format ke format lain, dalam hal ini menghasilkan WAV. WAV menyimpan audio sebagai PCM tanpa kompresi lossy, sehingga cocok untuk editing…
08
Audio Metadata Viewer
Audio metadata viewer menampilkan informasi teknis dan tag yang tersimpan dalam file audio. Kamu bisa melihat judul, artis, album, genre, durasi, bitrate, sample rate, serta…
24
Audio Converters
8 lesson
01
MP3 to WAV
MP3 to WAV mengubah audio MP3 yang terkompresi menjadi WAV PCM yang tidak terkompresi. Proses ini mendekode MP3 lalu menyimpan sampel audio dalam format WAV. Hasilnya lebih besar…
02
OGG to WAV
OGG to WAV mengubah file Ogg, yang biasanya berisi audio Vorbis atau Opus, menjadi WAV PCM. Ogg adalah container yang efisien untuk streaming dan ukuran kecil, sedangkan WAV…
03
M4A to WAV
M4A to WAV mengubah file M4A yang biasanya berisi audio AAC menjadi WAV PCM. M4A populer dari iTunes dan perangkat Apple karena ukurannya efisien, sedangkan WAV lebih mudah…
04
FLAC to WAV
FLAC to WAV mengubah audio lossless FLAC menjadi WAV PCM. Karena FLAC menyimpan data audio tanpa kehilangan kualitas, hasil WAV memiliki kualitas yang sama dengan sumbernya.…
05
WAV to MP3
WAV to MP3 mengubah audio PCM yang besar menjadi MP3 yang lebih ringkas dengan kompresi lossy. Kamu dapat memilih bitrate; nilai lebih tinggi memberi kualitas lebih baik tetapi…
06
OGG to MP3
OGG adalah format kontainer audio terbuka yang umumnya berisi codec Vorbis, sedangkan MP3 adalah format audio lossy yang didukung hampir semua pemutar musik, ponsel, dan…
07
M4A to MP3
M4A adalah file audio dalam kontainer MP4 yang biasanya memakai codec AAC, dan banyak dihasilkan oleh perangkat Apple, iTunes, serta layanan musik. Alat M4A to MP3 mengubahnya…
08
FLAC to MP3
FLAC adalah format audio lossless terkompresi, artinya seluruh data audio asli tetap tersimpan meskipun ukuran file lebih kecil daripada WAV. MP3 adalah format lossy yang…
25
SEO Tools
5 lesson
01
Favicon Generator
Favicon adalah ikon kecil yang muncul di tab browser, bookmark, dan shortcut perangkat. Generator favicon membantu mengubah satu gambar menjadi beberapa ukuran serta format yang…
02
Sitemap Generator
Sitemap XML adalah file yang memberi tahu mesin pencari daftar URL penting pada sebuah situs. Generator sitemap membantu menyusun file tersebut dari daftar halaman atau hasil…
03
JSON-LD Schema
JSON-LD adalah cara menuliskan data terstruktur dalam format JSON yang ditempatkan di dalam halaman HTML. Data ini memakai kosakata schema.org untuk menjelaskan entitas seperti…
04
UTM Link Builder
UTM parameter adalah potongan query di URL yang membantu alat analytics mengetahui dari mana pengunjung datang. UTM Link Builder menyusun parameter seperti source, medium,…
05
Hreflang Tag Generator
Atribut hreflang memberi tahu mesin pencari versi bahasa dan wilayah dari sebuah halaman yang isinya setara. Hreflang Tag Generator membantu membuat tag yang benar untuk kode…
26
Security & Crypto
10 lesson
01
AES Encrypt / Decrypt
AES adalah algoritma enkripsi simetris yang memakai satu kunci untuk mengunci dan membuka data. Alat AES Encrypt / Decrypt membantu melihat bagaimana plaintext berubah menjadi…
02
Key Pair Generator
Key pair generator membuat pasangan kunci asimetris yang terdiri dari public key dan private key. Public key boleh dibagikan untuk verifikasi tanda tangan atau enkripsi,…
03
HMAC Generator
HMAC adalah message authentication code yang menggabungkan fungsi hash dengan secret key. Hasilnya membuktikan bahwa pesan tidak berubah dan benar-benar berasal dari pihak yang…
04
JWT Signer
JWT (JSON Web Token) adalah token yang terdiri dari header, payload, dan signature yang dipisahkan titik. Payload berisi claims seperti identitas pengguna dan waktu kedaluwarsa,…
05
Token Generator
Token generator membuat string acak yang sulit ditebak untuk session, API key, reset password, atau perlindungan CSRF. Kualitas token bergantung pada sumber acak kriptografis,…
06
TOTP Generator and Validator
TOTP (Time-based One-Time Password) adalah kode verifikasi yang berubah setiap periode waktu, umumnya 30 detik. Kode dihitung dari secret bersama dan waktu saat ini, lalu…
07
ULID Generator
ULID (Universally Unique Lexicographically Sortable Identifier) adalah identifier 128 bit yang ditulis sebagai 26 karakter Crockford Base32. Bagian awalnya berisi timestamp…
08
Basic Auth Header Generator
HTTP Basic Authentication mengirim username dan password dalam header Authorization dengan format Base64 dari username:password. Base64 hanyalah encoding, bukan enkripsi,…
09
Bcrypt Hash Generator
Bcrypt adalah algoritma hashing password yang sengaja dibuat lambat dan adaptif. Setiap hash memakai salt unik, sehingga dua password yang sama tetap menghasilkan hash berbeda.…
10
Password Strength Checker
Password strength checker memperkirakan seberapa sulit sebuah password ditebak dengan menghitung entropi dan mencocokkan pola umum. Panjang dan keacakan jauh lebih penting…
27
CSV Tools
9 lesson
01
Change CSV Separator
CSV memakai karakter pemisah atau delimiter untuk membatasi kolom, dan koma adalah pilihan yang paling umum. Di beberapa wilayah, titik koma atau tab lebih sering dipakai karena…
02
Transpose CSV
Transpose CSV menukar posisi baris dan kolom, sehingga header kolom berubah menjadi kolom pertama dan setiap baris data menjadi satu kolom baru. Operasi ini berguna untuk…
03
Find Incomplete CSV Records
Record CSV yang tidak lengkap terjadi ketika jumlah field pada suatu baris berbeda dari jumlah kolom pada header. Penyebab umumnya adalah nilai kosong di akhir baris, koma…
04
Insert a CSV Column
Insert a CSV Column menambahkan satu kolom baru pada posisi tertentu di setiap baris. Kolom baru membutuhkan nama header dan nilai untuk semua record agar jumlah field tetap…
05
Swap CSV Columns
Swap CSV Columns menukar posisi dua kolom tanpa mengubah isi masing-masing nilai. Operasi ini berguna ketika urutan kolom perlu disesuaikan dengan format impor aplikasi lain.…
06
CSV to TSV
CSV dan TSV sama-sama menyimpan data tabel, tetapi CSV memakai koma sedangkan TSV memakai karakter tab sebagai pemisah. TSV nyaman untuk menempel data ke spreadsheet dan sering…
07
CSV to XML
CSV to XML mengubah data tabel menjadi dokumen XML yang memiliki struktur hierarkis. Setiap baris CSV biasanya menjadi satu elemen record, sedangkan nama kolom menjadi nama…
08
CSV to YAML
CSV to YAML mengubah data tabel menjadi YAML, format yang mengandalkan indentasi untuk menunjukkan struktur. Setiap baris CSV biasanya menjadi satu mapping di dalam list, dengan…
09
TSV to JSON
TSV to JSON mengubah data tab-separated menjadi struktur JSON yang mudah dipakai aplikasi. Baris header dipakai sebagai key, sedangkan setiap baris data menjadi satu objek di…
28
Lines & Lists
13 lesson
01
Sort Lines
Sort Lines mengurutkan baris teks berdasarkan isinya, baik secara alfabet, numerik, maupun sesuai pengaturan tertentu. Urutan alfabet membandingkan karakter demi karakter,…
02
Remove Duplicate Lines
Remove Duplicate Lines menghapus baris yang isinya sama persis dan biasanya mempertahankan kemunculan pertama. Pencocokan dapat dipengaruhi oleh spasi, huruf besar/kecil, dan…
03
Find Duplicate Lines
Find Duplicate Lines mencari baris yang muncul lebih dari sekali dan biasanya menampilkan jumlah kemunculannya. Alat ini membantu menemukan entri ganda pada daftar, data…
04
Shuffle Lines
Shuffle Lines mengacak urutan baris tanpa mengubah isi setiap baris. Implementasi yang baik memakai algoritma Fisher-Yates agar setiap permutasi memiliki peluang yang adil. Untuk…
05
Reverse Line Order
Reverse Line Order membalik urutan baris dari yang terakhir menjadi yang pertama, tanpa membalik karakter di dalam setiap baris. Perintah ini berbeda dari rev yang membalik teks…
06
Join Lines
Join Lines menggabungkan beberapa baris menjadi satu baris dengan separator tertentu, misalnya koma, spasi, atau titik koma. Alat ini berguna untuk mengubah daftar vertikal…
07
Split Text
Split Text memecah satu teks menjadi beberapa bagian berdasarkan delimiter, pola, lebar karakter, atau baris. Alat ini sering dipakai untuk memisahkan daftar yang dipisahkan…
08
Wrap Each Line
Wrap Each Line memecah baris panjang menjadi beberapa baris pendek agar nyaman dibaca pada lebar tertentu. Hard wrap menyisipkan newline sungguhan ke dalam file, sedangkan soft…
09
Unwrap Lines
Unwrap Lines menggabungkan baris-baris yang sebelumnya terlipat menjadi satu paragraf kembali. Pemisah seperti baris kosong biasanya dipertahankan untuk menandai batas paragraf.…
10
Group Lines
Group Lines menyusun baris menjadi beberapa kelompok berdasarkan jumlah, pola, atau key tertentu. Pengelompokan membantu membaca data panjang, membuat laporan per kategori, atau…
11
Find Most Common Lines
Find Most Common Lines menghitung frekuensi setiap baris dan menampilkan yang paling sering muncul. Alat ini berguna untuk menganalisis log, komentar, kategori, atau jawaban…
12
Rotate Lines
Rotate Lines memindahkan baris secara sirkular sebanyak posisi tertentu, sehingga baris yang keluar di satu ujung muncul kembali di ujung lain. Rotasi ke kiri memindahkan baris…
13
Truncate a List
Truncate a List membatasi jumlah baris yang ditampilkan atau disimpan, misalnya hanya 10 baris pertama atau 5 baris terakhir. Alat ini berguna untuk membuat pratinjau, mengambil…