{"id":72,"date":"2025-08-17T10:03:51","date_gmt":"2025-08-17T10:03:51","guid":{"rendered":"https:\/\/resizefile.com\/?page_id=72"},"modified":"2025-08-17T11:05:33","modified_gmt":"2025-08-17T11:05:33","slug":"resize-images","status":"publish","type":"page","link":"https:\/\/resizefile.com\/id\/resize-images\/","title":{"rendered":"Mengubah Ukuran Gambar"},"content":{"rendered":"<p>Bulk Image Resizer adalah alat web yang memungkinkan Anda menyeret, melepaskan, dan mengubah ukuran beberapa gambar sekaligus dengan opsi fleksibel seperti persentase atau dimensi tetap. Alat ini mendukung konversi format (Auto, JPEG, PNG, WebP), mempertahankan rasio aspek, mencegah peningkatan ukuran file, dan memungkinkan Anda untuk mengunduh hasil satu per satu atau semua gambar dalam ZIP.<\/p>\n\n\n\n<div class=\"rsimgtool\">\n\n    <!-- Selector -->\n    <div class=\"dropzone\" id=\"dropzone\" aria-label=\"Jatuhkan gambar di sini atau klik untuk menelusuri\">\n      <div class=\"dz-text\">\n        <div style=\"font-size:15px;margin-bottom:6px\">Seret &amp; lepas hingga <b id=\"maxFilesText\">20<\/b> gambar di sini atau klik untuk menelusuri.<\/div>\n        <div class=\"muted\">(JPEG, PNG, GIF, WebP - format gambar lainnya juga akan diterima)<\/div>\n      <\/div>\n      <input id=\"fileInput\" type=\"file\" accept=\"image\/*\" multiple \/>\n    <\/div>\n\n    <!-- Selected input list -->\n    <div class=\"panel\" style=\"margin-top:14px\">\n      <div class=\"section-title\">Gambar yang Dipilih<\/div>\n      <div id=\"inputList\" class=\"list\"><\/div>\n    <\/div>\n\n    <!-- Options BELOW selector -->\n    <div class=\"panel toolbar\">\n      <div class=\"section-title\">Opsi Pengubahan Ukuran<\/div>\n      <div class=\"row\" style=\"margin-bottom:8px\">\n        <div class=\"field\" style=\"min-width:180px\">\n          <label>Mode<\/label>\n          <select id=\"mode\">\n            <option value=\"percent\">Persentase<\/option>\n            <option value=\"dimensions\">Dimensi<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"field\" id=\"percentField\">\n          <label>Persen (%)<\/label>\n          <input id=\"percent\" type=\"number\" min=\"1\" max=\"100\" value=\"75\" \/>\n        <\/div>\n        <div id=\"dimFields\" class=\"row\" style=\"display:none\">\n          <div class=\"field\">\n            <label>Lebar (px)<\/label>\n            <input id=\"width\" type=\"number\" min=\"1\" placeholder=\"misalnya 1600\" \/>\n          <\/div>\n          <div class=\"field\">\n            <label>Tinggi (px)<\/label>\n            <input id=\"height\" type=\"number\" min=\"1\" placeholder=\"misalnya 1200\" \/>\n          <\/div>\n          <div class=\"field\" style=\"min-width:200px\">\n            <label>&nbsp;<\/label>\n            <label style=\"display:flex;gap:8px;align-items:center\"><input id=\"keepRatio\" type=\"checkbox\" checked \/> Pertahankan rasio aspek<\/label>\n            <div class=\"muted\">Saat diperiksa, berikan <b>baik<\/b> lebar atau tinggi; yang lainnya akan dihapus secara otomatis.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"row\" style=\"margin-bottom:10px\">\n        <div class=\"field\" style=\"min-width:180px\">\n          <label>Konversi format<\/label>\n          <select id=\"convert\">\n            <option value=\"auto\">Otomatis<\/option>\n            <option value=\"image\/jpeg\">JPEG<\/option>\n            <option value=\"image\/png\">PNG<\/option>\n            <option value=\"image\/webp\">WebP<\/option>\n          <\/select>\n        <\/div>\n        \n      <\/div>\n<div class=\"resizebtn\">\n          <button id=\"resizeBtn\" class=\"btn\">Ubah ukuran<\/button>\n<a href=\"\" class=\"resetbtn\">Atur ulang<\/a>\n        <\/div>\n      <div class=\"progress\" aria-label=\"Bilah kemajuan\">\n        <div id=\"bar\" class=\"bar\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Output list -->\n    <div class=\"panel\" style=\"margin-top:16px\">\n      <div class=\"section-title\">Gambar yang Diubah Ukurannya<\/div>\n      <div id=\"outputList\" class=\"list\"><\/div>\n      <div style=\"display:flex;justify-content:flex-end;margin-top:10px\">\n        <button id=\"zipBtn\" class=\"btn secondary\" disabled>Unduh Semua (ZIP)<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n\n<p><strong>Privasi:<\/strong> Semua pemrosesan gambar dijalankan sepenuhnya di sisi klien menggunakan teknologi dalam browser (misalnya, JavaScript). Data gambar tidak pernah meninggalkan perangkat Anda, tidak ditransmisikan melalui jaringan, dan tidak ditulis atau disimpan di server mana pun. Hal ini memastikan privasi dan keamanan penuh, karena semua operasi terjadi di dalam lingkungan browser lokal Anda.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Bagaimana cara menggunakan<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Seret &amp; letakkan hingga 20 gambar ke dalam kotak besar (atau klik untuk menelusuri). Anda akan melihat setiap file terdaftar dengan nama, pratinjau, dimensi asli, ukuran, dan tombol Hapus.<\/li>\n\n\n\n<li>Pilih <strong>Mode<\/strong>:<br>- <strong>Persentase<\/strong> -&gt; masukkan persen untuk menskalakan kedua sisi.<br>- <strong>Dimensi<\/strong> -&gt; secara opsional mempertahankan rasio aspek. Kapan <strong>Pertahankan rasio aspek<\/strong> aktif, ketik <strong>baik<\/strong> lebar <strong>atau<\/strong> tinggi (yang lain akan dihapus secara otomatis). Matikan untuk mengatur keduanya.<\/li>\n\n\n\n<li>Pilih <strong>Konversi format<\/strong> (Otomatis, JPEG, PNG, WebP).<\/li>\n\n\n\n<li>Klik <strong>Ubah ukuran<\/strong>. Perhatikan bilah kemajuan; output akan muncul yang menunjukkan dimensi dan ukuran lama dan baru.<\/li>\n\n\n\n<li>Unduh hasil satu per satu dengan <strong>Unduh<\/strong>, atau klik <strong>Unduh Semua (ZIP)<\/strong> untuk menyimpan semuanya sekaligus.<\/li>\n<\/ol>","protected":false},"excerpt":{"rendered":"<p>Bulk Image Resizer adalah alat web yang memungkinkan Anda menyeret, melepaskan, dan mengubah ukuran beberapa gambar sekaligus dengan opsi fleksibel seperti persentase atau<\/p>","protected":false},"author":1,"featured_media":92,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-72","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/resizefile.com\/id\/wp-json\/wp\/v2\/pages\/72","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/resizefile.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/resizefile.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/resizefile.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/resizefile.com\/id\/wp-json\/wp\/v2\/comments?post=72"}],"version-history":[{"count":11,"href":"https:\/\/resizefile.com\/id\/wp-json\/wp\/v2\/pages\/72\/revisions"}],"predecessor-version":[{"id":113,"href":"https:\/\/resizefile.com\/id\/wp-json\/wp\/v2\/pages\/72\/revisions\/113"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/resizefile.com\/id\/wp-json\/wp\/v2\/media\/92"}],"wp:attachment":[{"href":"https:\/\/resizefile.com\/id\/wp-json\/wp\/v2\/media?parent=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}