{"id":3561,"date":"2025-03-28T01:58:41","date_gmt":"2025-03-28T01:58:41","guid":{"rendered":"https:\/\/convertifypro.com\/?page_id=3561"},"modified":"2025-03-28T01:58:42","modified_gmt":"2025-03-28T01:58:42","slug":"file-size-calculator","status":"publish","type":"page","link":"https:\/\/convertifypro.com\/eo\/dosiera-grandeca-kalkulilo\/","title":{"rendered":"Dosiera Grandeca Kalkulilo"},"content":{"rendered":"\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" integrity=\"sha512-iecdLmaskl7CVkqkXNQ\/ZH\/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT\/E0iPtmFIB46ZmdtAc9eNBvH0H\/ZpiBw==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\n<!-- File Size Calculator - A powerful tool to instantly measure your file sizes with drag and drop functionality -->\n<div class=\"file-size-calculator-section\">\n    <!-- Hero Section -->\n    <section class=\"hero-section\">\n        <div class=\"hero-pattern\"><\/div>\n        <div class=\"hero-content\">\n            <h1 class=\"hero-title\">Dosiera Grandeca Kalkulilo<\/h1>\n            <p class=\"hero-subtitle\">Tuj mezuru kaj analizu viajn dosiergrandojn per nia potenca tren-kaj-faligi kalkulilo. Perfekta por kompreni stokadpostulojn, optimumigi TTT-aktiva\u0135ojn kaj administri ciferecan enhavon.<\/p>\n            \n            <div class=\"hero-badges\">\n                <div class=\"hero-badge\">\n                    <span class=\"hero-badge-icon\"><i class=\"fas fa-bolt\"><\/i><\/span>\n                    <span class=\"hero-badge-text\">Tujaj Rezultoj<\/span>\n                <\/div>\n                <div class=\"hero-badge\">\n                    <span class=\"hero-badge-icon\"><i class=\"fas fa-mouse-pointer\"><\/i><\/span>\n                    <span class=\"hero-badge-text\">Treni kaj Faligi<\/span>\n                <\/div>\n                <div class=\"hero-badge\">\n                    <span class=\"hero-badge-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/span>\n                    <span class=\"hero-badge-text\">100% Privata<\/span>\n                <\/div>\n                <div class=\"hero-badge\">\n                    <span class=\"hero-badge-icon\"><i class=\"fas fa-layer-group\"><\/i><\/span>\n                    <span class=\"hero-badge-text\">Multoblaj Dosieroj<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Calculator Section -->\n    <section class=\"calculator-section\">\n        <div class=\"calculator-container\">\n            <div id=\"drop-area\" class=\"drop-area\">\n                <div class=\"drop-message\">\n                    <i class=\"fas fa-cloud-upload-alt drop-icon\"><\/i>\n                    <h3 class=\"drop-title\">Trenu kaj Faligi Dosieroj \u0108i tie<\/h3>\n                    <p class=\"drop-subtitle\">a\u016d<\/p>\n                    <button id=\"file-select-btn\" class=\"btn btn-primary\">Elektu Dosieroj<\/button>\n                    <input type=\"file\" id=\"file-input\" multiple style=\"display: none;\">\n                <\/div>\n                <div class=\"drop-instructions\">\n                    <p><i class=\"fas fa-info-circle\"><\/i> Elektu plurajn dosierojn por kalkuli iliajn kombinitajn kaj individuajn grandecojn<\/p>\n                <\/div>\n            <\/div>\n            \n            <div id=\"results-container\" class=\"results-container\" style=\"display: none;\">\n                <div class=\"results-header\">\n                    <h3 class=\"results-title\"><i class=\"fas fa-chart-pie\"><\/i> Dosiera Grandeca Analizo<\/h3>\n                    <button id=\"clear-results\" class=\"btn btn-secondary btn-sm\">Klaraj Rezultoj<\/button>\n                <\/div>\n                \n                <div class=\"summary-card\">\n                    <div class=\"summary-item\">\n                        <span class=\"summary-label\">Tutaj Dosieroj<\/span>\n                        <span id=\"total-files\" class=\"summary-value\">0<\/span>\n                    <\/div>\n                    <div class=\"summary-item\">\n                        <span class=\"summary-label\">Tuta Grandeco<\/span>\n                        <span id=\"total-size\" class=\"summary-value\">0 B<\/span>\n                    <\/div>\n                    <div class=\"summary-item\">\n                        <span class=\"summary-label\">Meza Grandeco<\/span>\n                        <span id=\"average-size\" class=\"summary-value\">0 B<\/span>\n                    <\/div>\n                    <div class=\"summary-item\">\n                        <span class=\"summary-label\">Plej Granda Dosiero<\/span>\n                        <span id=\"largest-file\" class=\"summary-value\">0 B<\/span>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"size-chart-container\">\n                    <canvas id=\"size-chart\" width=\"400\" height=\"200\"><\/canvas>\n                <\/div>\n                \n                <table class=\"file-table\">\n                    <thead>\n                        <tr>\n                            <th>Dosiera Nomo<\/th>\n                            <th>Tajpu<\/th>\n                            <th>Grandeco (B)<\/th>\n                            <th>Grandeco (KB)<\/th>\n                            <th>Grandeco (MB)<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody id=\"file-list\"><\/tbody>\n                <\/table>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Features Section -->\n    <section class=\"features-section\">\n        <h2 class=\"section-title\">Kial Uzu Nian Dosiergrandan Kalkulilon<\/h2>\n        \n        <div class=\"features-grid\">\n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-tachometer-alt\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">Tuja Dosiera Analizo<\/h3>\n                    <p class=\"feature-text\">Akiru tujajn sciojn pri viaj dosiergrandoj per nia fulmrapida kalkulilo. Kompreni konservajn postulojn per unu ekrigardo.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Realtempa grandeco-kalkulo<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Multoblaj unuo-ekrano (B, KB, MB, GB)<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Resumaj statistikoj por pluraj dosieroj<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-shield-alt\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">Kompleta Privateco<\/h3>\n                    <p class=\"feature-text\">Viaj dosieroj neniam forlasas vian retumilon. \u0108iuj kalkuloj estas faritaj loke, certigante ke viaj datumoj restas privataj kaj sekuraj.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Neniuj dosieroj al\u015dutas al serviloj<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Funkcias tute eksterrete post pa\u011da \u015dar\u011do<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Sekura por sentemaj a\u016d konfidencaj dosieroj<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-chart-bar\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">Vida Datuma Reprezento<\/h3>\n                    <p class=\"feature-text\">Komprenu viajn dosiergrandojn per intuiciaj vidaj diagramoj kaj grafika\u0135oj, kiuj faciligas komparon de grandeco.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Interagaj grandeco-diagramoj<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Analizo de kompara grandeco<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Dosiera tipo distribua bildigo<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Understanding File Sizes Section -->\n    <section class=\"file-sizes-section\">\n        <h2 class=\"section-title\">Kompreni Dosiergrandojn<\/h2>\n        \n        <div class=\"info-container\">\n            <div class=\"info-card\">\n                <h3 class=\"info-title\"><i class=\"fas fa-ruler\"><\/i> Ciferecaj Dosieraj Grandecaj Unuoj<\/h3>\n                <p class=\"info-text\">Dosiergrandecoj estas mezuritaj en diversaj unuoj depende de sia grandeco. Kompreni \u0109i tiujn unuojn helpas pli bonan stokadplanadon kaj dosieradministradon.<\/p>\n                \n                <table class=\"info-table\">\n                    <thead>\n                        <tr>\n                            <th>Unuo<\/th>\n                            <th>Simbolo<\/th>\n                            <th>Valoro (en bajtoj)<\/th>\n                            <th>Ofta Uzado<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td>Bajto<\/td>\n                            <td>B<\/td>\n                            <td>1<\/td>\n                            <td>Unuopaj signoj, tre malgrandaj dosieroj<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Kilobajto<\/td>\n                            <td>KB<\/td>\n                            <td>1,024<\/td>\n                            <td>Tekstaj dokumentoj, malgrandaj bildoj<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Megabajto<\/td>\n                            <td>MB<\/td>\n                            <td>1,048,576<\/td>\n                            <td>Fotoj, kantoj, mallongaj filmetoj<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Gigabajto<\/td>\n                            <td>GB<\/td>\n                            <td>1,073,741,824<\/td>\n                            <td>Filmoj, programoj<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Terbajto<\/td>\n                            <td>TB<\/td>\n                            <td>1,099,511,627,776<\/td>\n                            <td>Grandaj datumbazoj, stokaj diskoj<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n            \n            <div class=\"info-card\">\n                <h3 class=\"info-title\"><i class=\"fas fa-file-alt\"><\/i> Tipaj Dosieraj Grandecoj la\u016d Tipo<\/h3>\n                <p class=\"info-text\">Malsamaj dosiertipoj havas diversajn tipajn grandecojn la\u016d sia enhavo kaj celo. Jen gvidilo pri oftaj dosiertipoj kaj iliaj kutimaj grandecoj:<\/p>\n                \n                <div class=\"file-types-grid\">\n                    <div class=\"file-type-item\">\n                        <div class=\"file-type-icon\"><i class=\"fas fa-file-word\"><\/i><\/div>\n                        <div class=\"file-type-content\">\n                            <h4 class=\"file-type-name\">Tekstaj Dokumentoj<\/h4>\n                            <p class=\"file-type-desc\">Vortdokumentoj, PDF-oj, tekstaj dosieroj<\/p>\n                            <p class=\"file-type-size\">10 KB &#8211; 5 MB<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"file-type-item\">\n                        <div class=\"file-type-icon\"><i class=\"fas fa-file-image\"><\/i><\/div>\n                        <div class=\"file-type-content\">\n                            <h4 class=\"file-type-name\">Bildoj<\/h4>\n                            <p class=\"file-type-desc\">JPG, PNG, GIF, WebP dosieroj<\/p>\n                            <p class=\"file-type-size\">100 KB &#8211; 10 MB<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"file-type-item\">\n                        <div class=\"file-type-icon\"><i class=\"fas fa-file-audio\"><\/i><\/div>\n                        <div class=\"file-type-content\">\n                            <h4 class=\"file-type-name\">Sondosieroj<\/h4>\n                            <p class=\"file-type-desc\">MP3, WAV, FLAC, AAC dosieroj<\/p>\n                            <p class=\"file-type-size\">3 MB &#8211; 50 MB<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"file-type-item\">\n                        <div class=\"file-type-icon\"><i class=\"fas fa-file-video\"><\/i><\/div>\n                        <div class=\"file-type-content\">\n                            <h4 class=\"file-type-name\">Viddosieroj<\/h4>\n                            <p class=\"file-type-desc\">MP4, MKV, AVI, MOV dosierojn<\/p>\n                            <p class=\"file-type-size\">50 MB &#8211; 5 GB<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"file-type-item\">\n                        <div class=\"file-type-icon\"><i class=\"fas fa-file-archive\"><\/i><\/div>\n                        <div class=\"file-type-content\">\n                            <h4 class=\"file-type-name\">Kunpremitaj Dosieroj<\/h4>\n                            <p class=\"file-type-desc\">ZIP, RAR, 7Z-arkivoj<\/p>\n                            <p class=\"file-type-size\">Variablo (dependas de enhavo)<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"file-type-item\">\n                        <div class=\"file-type-icon\"><i class=\"fas fa-file-code\"><\/i><\/div>\n                        <div class=\"file-type-content\">\n                            <h4 class=\"file-type-name\">Koddosieroj<\/h4>\n                            <p class=\"file-type-desc\">HTML, CSS, JS, Python dosieroj<\/p>\n                            <p class=\"file-type-size\">1 KB &#8211; 1 MB<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- FAQ Section -->\n    <section class=\"faq-section\">\n        <h2 class=\"section-title\">Oftaj Demandoj<\/h2>\n        \n        <div class=\"faq-container\">\n            <div class=\"faq-item\">\n                <h3 class=\"faq-question\">\n                    <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n                    Kial dosieraj grandecoj gravas?\n                <\/h3>\n                <div class=\"faq-answer\">\n                    <p>Dosieraj grandecoj estas decidaj pro diversaj kialoj: ili determinas kiom da stokado vi bezonas, influas al\u015dutajn kaj el\u015dutajn tempojn, influas retejajn \u015dar\u011drapidecojn, influas retpo\u015dtajn aldona\u0135limojn kaj povas influi la agadon de la aparato kiam vi laboras kun grandaj dosieroj. Kompreni dosiergrandojn helpas optimumigi vian ciferecan laborfluon kaj stokadadministradon.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"faq-item\">\n                <h3 class=\"faq-question\">\n                    <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n                    Kio estas la diferenco inter MB kaj MiB?\n                <\/h3>\n                <div class=\"faq-answer\">\n                    <p>MB (megabajto) kaj MiB (mebibajto) reprezentas malsamajn mezuradojn de cifereca stokado. MB bazi\u011das sur potencoj de 10 (1 MB = 1,000,000 bajtoj), dum MiB estas bazita sur potencoj de 2 (1 MiB = 1,048,576 bajtoj). Plej multaj operaciumoj montras grandecojn en MiB sed etikedas ilin kiel MB, kio povas ka\u016dzi konfuzon. Nia kalkulilo uzas la binaran sistemon (MiB) sed montras la komunan MB-notacion por pli bona uzantkompreno.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"faq-item\">\n                <h3 class=\"faq-question\">\n                    <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n                    Kial mia dosiero montras malsaman grandecon en Vindozo kontra\u016d macOS?\n                <\/h3>\n                <div class=\"faq-answer\">\n                    <p>Vindozo kaj macOS kalkulas kaj montras dosiergrandojn malsame. Vindozo kutime montras dosiergrandojn en binara formato (potencoj de 2) dum macOS uzas decimalan formaton (potencoj de 10) en Finder. Aldone, malsamaj operaciumoj respondecas pri dosiermetadatenoj kaj disk-atribuo alimaniere. Nia dosiergranda kalkulilo uzas konsekvencajn mezuradojn por provizi precizajn transplatformajn dosiergrandajn informojn.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"faq-item\">\n                <h3 class=\"faq-question\">\n                    <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n                    Kiel mi povas redukti dosiergrandojn?\n                <\/h3>\n                <div class=\"faq-answer\">\n                    <p>Estas pluraj manieroj redukti dosiergrandojn: kunpremi dosierojn uzante ZIP a\u016d aliajn arkivajn formatojn, uzi bild-optimumigajn ilojn por fotoj, konverti filmetojn al pli efikaj kodekoj kiel H.265, uzi specialigitan programaron pri kunpremado de dosieroj, forigi nenecesan enhavon de dokumentoj kaj utiligi dosierformatajn konvertilojn, kiuj produktas pli malgrandajn produkta\u0135ojn. La plej bona metodo dependas de la dosiertipo kaj viaj specifaj bezonoj.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"faq-item\">\n                <h3 class=\"faq-question\">\n                    <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n                    \u0108u miaj dosieroj estas sekuraj kiam vi uzas \u0109i tiun kalkulilon?\n                <\/h3>\n                <div class=\"faq-answer\">\n                    <p>Absolute. Nia dosiergranda kalkulilo prilaboras \u0109iujn dosierojn loke en via retumilo. Viaj dosieroj neniam forlasas vian aparaton a\u016d estas al\u015dutitaj al iu ajn servilo. La kalkulilo simple legas la metadatenojn de viaj dosieroj por determini ilian grandecon, sen aliri a\u016d stoki la realan enhavon. \u0108i tio faras \u011din tute sekura por sentemaj a\u016d konfidencaj dosieroj.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"faq-item\">\n                <h3 class=\"faq-question\">\n                    <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n                    Kial mia dosiergrandeco estas pli granda ol atendite?\n                <\/h3>\n                <div class=\"faq-answer\">\n                    <p>Dosieroj povas esti pli grandaj ol atendite pro pluraj kialoj: ka\u015daj metadatenoj, malefika kodigado, enkonstruitaj resursoj kiel tiparoj a\u016d bildoj, diskaj asignofaktoroj (dosieroj estas stokitaj en fiksitaj &#8220;blokoj&#8221; sur disko), kaj operaciumaj diferencoj en grandeco raportado. Se dosiero \u015dajnas nekutime granda, konsideru uzi kunpremajn ilojn a\u016d optimumigilojn dizajnitajn por tiu specifa dosiertipo.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- SEO-friendly content section -->\n    <section class=\"additional-info-section\">\n        <div class=\"info-container\">\n            <div class=\"article-card\">\n                <h3 class=\"article-title\">La Graveco de Kompreni Dosierajn Grandecojn en Cifereca Enhava Administrado<\/h3>\n                <div class=\"article-content\">\n                    <p>En la hodia\u016da cifereca mondo, kompreni dosiergrandojn estas esenca por efika administrado de enhavo. \u0108u vi estas retejo-programisto optimumiganta aktiva\u0135ojn por pli rapidaj pa\u011d\u015dar\u011doj, fotisto administranta grandan kolekton de bildoj, a\u016d simple komputiluzanto provanta utiligi la plej grandan parton de via stokspaco, scii precize kiom grandaj estas viaj dosieroj povas signife plibonigi vian laborfluon.<\/p>\n                    \n                    <p>Dosieraj grandecoj rekte efikas plurajn aspektojn de cifereca laboro:<\/p>\n                    \n                    <ul class=\"article-list\">\n                        <li><strong>Planado pri stokado<\/strong>: Precize anta\u016ddiri stokadbezonojn por sekurkopioj, nubaj servoj a\u016d fizikaj diskoj<\/li>\n                        <li><strong>Transigaj rapidoj<\/strong>: Takso de al\u015dutaj kaj el\u015dutaj tempoj por dosieroj dividitaj interrete<\/li>\n                        <li><strong>Reteja rendimento<\/strong>: Optimumigo de TTT-aktiva\u0135oj por pli rapidaj \u015dar\u011daj tempoj kaj pli bona uzant-sperto<\/li>\n                        <li><strong>Retpo\u015dtaj aldona\u0135oj<\/strong>: Certigi ke dosieroj restas en grandlimoj truditaj de retpo\u015dtaj provizantoj<\/li>\n                        <li><strong>Aplika rendimento<\/strong>: Administri la uzadon de rimedoj kiam oni laboras kun grandaj dosieroj<\/li>\n                    <\/ul>\n                    \n                    <p>Nia dosiergranda kalkulilo donas tujan videblecon pri precize kiom da spaco okupas viaj dosieroj, helpante vin fari informitajn decidojn pri stokado, kundivido kaj optimumigo. Simple trenante kaj faligante dosierojn sur la kalkulilon, vi povas tuj vidi iliajn grandecojn en diversaj unuoj (bajtoj, kilobajtoj, megabajtoj, ktp.) kaj kompreni iliajn relativajn proporciojn per vidaj prezentoj.<\/p>\n                    \n                    <p>\u0108i tiu ilo estas precipe valora por:<\/p>\n                    \n                    <ul class=\"article-list\">\n                        <li><strong>Retaj programistoj<\/strong> kiuj bezonas optimumigi bildojn, filmetojn kaj aliajn valora\u0135ojn por pli rapida pa\u011da \u015dar\u011do<\/li>\n                        <li><strong>Enhavaj kreintoj<\/strong> administri grandajn kolektojn de amaskomunikilaj dosieroj<\/li>\n                        <li><strong>IT-profesiuloj<\/strong> planante stokadpostulojn kaj retan bendolar\u011dan asignon<\/li>\n                        <li><strong>Studentoj kaj edukistoj<\/strong> laborante kun dosiergrandecaj limoj por submetadoj kaj komunaj rimedoj<\/li>\n                        <li><strong>Iu ajn<\/strong> kiu bezonas pli bone kompreni sian ciferecan konservadon<\/li>\n                    <\/ul>\n                    \n                    <p>Kun nia kalkulilo, determini dosiergrandojn fari\u011das simpla, intuicia procezo, kiu provizas valorajn informojn pri via cifereca enhavo, helpante vin optimumigi stokadon, plibonigi rendimenton kaj administri rimedojn pli efike.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <style>\n        \/* Main Styles *\/\n        :root {\n            --primary-color: #FD9800;\n            --primary-hover: #e88a00;\n            --text-color: #3A3A3A;\n            --light-bg: #f8faff;\n            --gradient-bg: linear-gradient(135deg, #f8faff 0%, #fff5e6 100%);\n            --box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n            --hover-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\n            --border-color: #f1f5f9;\n        }\n\n        .file-size-calculator-section {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 2rem 1.5rem;\n            font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;\n            color: var(--text-color);\n        }\n\n        \/* Hero Section *\/\n        .hero-section {\n            text-align: center;\n            padding: 3rem 1rem;\n            margin-bottom: 3rem;\n            background: var(--gradient-bg);\n            border-radius: 16px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .hero-pattern {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23fd9800' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n            opacity: 0.5;\n            z-index: 0;\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 1;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .hero-title {\n            font-size: 2.8rem;\n            font-weight: 800;\n            margin-bottom: 1.5rem;\n            color: var(--text-color);\n        }\n\n        .hero-subtitle {\n            font-size: 1.25rem;\n            margin-bottom: 2rem;\n            color: var(--text-color);\n            line-height: 1.6;\n        }\n\n        .hero-badges {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 1rem;\n            margin-bottom: 2rem;\n        }\n\n        .hero-badge {\n            display: flex;\n            align-items: center;\n            background: white;\n            border-radius: 50px;\n            padding: 0.5rem 1rem;\n            box-shadow: var(--box-shadow);\n            transition: all 0.3s ease;\n            border: 1px solid var(--border-color);\n        }\n\n        .hero-badge:hover {\n            transform: translateY(-3px);\n            box-shadow: var(--hover-shadow);\n            border-color: rgba(253, 152, 0, 0.3);\n        }\n\n        .hero-badge-icon {\n            color: var(--primary-color);\n            margin-right: 0.5rem;\n            font-size: 1rem;\n        }\n\n        .hero-badge-text {\n            font-size: 0.9rem;\n            font-weight: 600;\n            color: var(--text-color);\n        }\n\n        \/* Calculator Section *\/\n        .calculator-section {\n            margin-bottom: 4rem;\n        }\n\n        .calculator-container {\n            background: white;\n            border-radius: 16px;\n            padding: 2rem;\n            box-shadow: var(--box-shadow);\n            border: 1px solid var(--border-color);\n        }\n\n        .drop-area {\n            border: 2px dashed var(--border-color);\n            border-radius: 12px;\n            padding: 3rem;\n            text-align: center;\n            transition: all 0.3s ease;\n            background-color: var(--light-bg);\n            position: relative;\n            min-height: 250px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .drop-area.active {\n            border-color: var(--primary-color);\n            background-color: rgba(253, 152, 0, 0.05);\n            transform: scale(0.99);\n        }\n\n        .drop-icon {\n            font-size: 3.5rem;\n            color: var(--primary-color);\n            margin-bottom: 1.5rem;\n            transition: all 0.3s ease;\n        }\n\n        .drop-area.active .drop-icon {\n            transform: scale(1.1);\n            color: var(--primary-hover);\n        }\n\n        .drop-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            margin-bottom: 0.75rem;\n            color: var(--text-color);\n        }\n\n        .drop-subtitle {\n            font-size: 1rem;\n            margin-bottom: 1rem;\n            color: #666;\n        }\n\n        .drop-instructions {\n            margin-top: 1.5rem;\n            font-size: 0.9rem;\n            color: #666;\n        }\n\n        .results-container {\n            margin-top: 2rem;\n            transition: all 0.5s ease;\n            opacity: 1;\n            animation: fadeIn 0.5s ease-in-out;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .results-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 1.5rem;\n        }\n\n        .results-title {\n            font-size: 1.3rem;\n            font-weight: 700;\n            color: var(--text-color);\n            margin: 0;\n        }\n\n        .summary-card {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 1rem;\n            margin-bottom: 2rem;\n            background: var(--light-bg);\n            border-radius: 12px;\n            padding: 1.5rem;\n            border: 1px solid var(--border-color);\n        }\n\n        .summary-item {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .summary-label {\n            font-size: 0.9rem;\n            color: #666;\n            margin-bottom: 0.5rem;\n        }\n\n        .summary-value {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: var(--text-color);\n        }\n\n        .size-chart-container {\n            margin-bottom: 2rem;\n            height: 300px;\n            position: relative;\n        }\n\n        .file-table {\n            width: 100%;\n            border-collapse: collapse;\n            margin-top: 1.5rem;\n        }\n\n        .file-table th, \n        .file-table td {\n            padding: 0.75rem 1rem;\n            text-align: left;\n            border-bottom: 1px solid var(--border-color);\n        }\n\n        .file-table th {\n            background-color: var(--light-bg);\n            font-weight: 600;\n            color: var(--text-color);\n            position: sticky;\n            top: 0;\n        }\n\n        .file-table tbody tr:hover {\n            background-color: rgba(253, 152, 0, 0.05);\n        }\n\n        \/* Features Section *\/\n        .features-section {\n            margin-bottom: 4rem;\n        }\n\n        .section-title {\n            font-size: 2.2rem;\n            font-weight: 700;\n            text-align: center;\n            margin-bottom: 2.5rem;\n            color: var(--text-color);\n        }\n\n        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 2rem;\n        }\n\n        .feature-card {\n            background: white;\n            border-radius: 16px;\n            overflow: hidden;\n            box-shadow: var(--box-shadow);\n            transition: all 0.3s ease;\n            border: 1px solid var(--border-color);\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: var(--hover-shadow);\n            border-color: rgba(253, 152, 0, 0.3);\n        }\n\n        .feature-icon {\n            width: 60px;\n            height: 60px;\n            background-color: rgba(253, 152, 0, 0.15);\n            color: var(--primary-color);\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 1.5rem;\n            font-size: 1.8rem;\n            transition: all 0.3s ease;\n        }\n\n        .feature-card:hover .feature-icon {\n            background: linear-gradient(135deg, #FD9800 0%, #FF6D00 100%);\n            color: white;\n            box-shadow: 0 10px 20px rgba(253, 152, 0, 0.2);\n        }\n\n        .feature-content {\n            padding: 2rem;\n            flex-grow: 1;\n        }\n\n        .feature-title {\n            font-size: 1.4rem;\n            font-weight: 700;\n            margin-bottom: 1rem;\n            color: var(--text-color);\n        }\n\n        .feature-text {\n            font-size: 1rem;\n            color: #555;\n            line-height: 1.6;\n            margin-bottom: 1.5rem;\n        }\n\n        .feature-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: flex-start;\n            margin-bottom: 0.75rem;\n            line-height: 1.5;\n        }\n\n        .feature-check {\n            color: var(--primary-color);\n            margin-right: 0.75rem;\n            flex-shrink: 0;\n            margin-top: 0.2rem;\n        }\n\n        .feature-item-text {\n            font-size: 0.95rem;\n            color: var(--text-color);\n        }\n\n        \/* File Sizes Section *\/\n        .file-sizes-section {\n            margin-bottom: 4rem;\n        }\n\n        .info-container {\n            margin-bottom: 2rem;\n        }\n\n        .info-card {\n            background: white;\n            border-radius: 16px;\n            padding: 2rem;\n            box-shadow: var(--box-shadow);\n            border: 1px solid var(--border-color);\n            margin-bottom: 2rem;\n        }\n\n        .info-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            margin-bottom: 1.5rem;\n            color: var(--text-color);\n            display: flex;\n            align-items: center;\n        }\n\n        .info-title i {\n            color: var(--primary-color);\n            margin-right: 0.75rem;\n        }\n\n        .info-text {\n            font-size: 1rem;\n            margin-bottom: 1.5rem;\n            color: #555;\n            line-height: 1.6;\n        }\n\n        .info-table {\n            width: 100%;\n            border-collapse: collapse;\n            margin-bottom: 1rem;\n            border: 1px solid var(--border-color);\n            border-radius: 8px;\n            overflow: hidden;\n        }\n\n        .info-table th,\n        .info-table td {\n            padding: 0.75rem 1rem;\n            text-align: left;\n            border-bottom: 1px solid var(--border-color);\n        }\n\n        .info-table th {\n            background-color: var(--light-bg);\n            font-weight: 600;\n            color: var(--text-color);\n        }\n\n        .info-table tr:last-child td {\n            border-bottom: none;\n        }\n\n        .info-table tr:hover td {\n            background-color: rgba(253, 152, 0, 0.05);\n        }\n\n        .file-types-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n            gap: 1.5rem;\n        }\n\n        .file-type-item {\n            display: flex;\n            align-items: flex-start;\n            padding: 1.25rem;\n            background-color: var(--light-bg);\n            border-radius: 12px;\n            border: 1px solid var(--border-color);\n            transition: all 0.3s ease;\n        }\n\n        .file-type-item:hover {\n            transform: translateY(-3px);\n            box-shadow: var(--hover-shadow);\n            border-color: rgba(253, 152, 0, 0.3);\n        }\n\n        .file-type-icon {\n            background-color: white;\n            width: 40px;\n            height: 40px;\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-right: 1rem;\n            color: var(--primary-color);\n            font-size: 1.2rem;\n            flex-shrink: 0;\n            border: 1px solid var(--border-color);\n        }\n\n        .file-type-content {\n            flex: 1;\n        }\n\n        .file-type-name {\n            font-size: 1rem;\n            font-weight: 700;\n            margin: 0 0 0.5rem 0;\n            color: var(--text-color);\n        }\n\n        .file-type-desc {\n            font-size: 0.85rem;\n            color: #666;\n            margin: 0 0 0.5rem 0;\n        }\n\n        .file-type-size {\n            font-size: 0.9rem;\n            font-weight: 600;\n            color: var(--primary-color);\n            margin: 0;\n        }\n\n        \/* FAQ Section *\/\n        .faq-section {\n            margin-bottom: 4rem;\n        }\n\n        .faq-container {\n            max-width: 900px;\n            margin: 0 auto;\n        }\n\n        .faq-item {\n            background: white;\n            border-radius: 16px;\n            padding: 1.5rem 2rem;\n            box-shadow: var(--box-shadow);\n            margin-bottom: 1.5rem;\n            border: 1px solid var(--border-color);\n            transition: all 0.3s ease;\n        }\n\n        .faq-item:hover {\n            transform: translateY(-3px);\n            box-shadow: var(--hover-shadow);\n            border-color: rgba(253, 152, 0, 0.3);\n        }\n\n        .faq-question {\n            font-size: 1.2rem;\n            font-weight: 700;\n            margin-bottom: 1rem;\n            color: var(--text-color);\n            display: flex;\n            align-items: center;\n        }\n\n        .faq-icon {\n            color: var(--primary-color);\n            margin-right: 0.75rem;\n            font-size: 1.2rem;\n        }\n\n        .faq-answer {\n            font-size: 1rem;\n            color: #555;\n            line-height: 1.6;\n        }\n\n        \/* Additional Info Section *\/\n        .additional-info-section {\n            margin-bottom: 2rem;\n        }\n\n        .article-card {\n            background: white;\n            border-radius: 16px;\n            padding: 2rem;\n            box-shadow: var(--box-shadow);\n            border: 1px solid var(--border-color);\n        }\n\n        .article-title {\n            font-size: 1.6rem;\n            font-weight: 700;\n            margin-bottom: 1.5rem;\n            color: var(--text-color);\n        }\n\n        .article-content {\n            font-size: 1rem;\n            color: #555;\n            line-height: 1.7;\n        }\n\n        .article-content p {\n            margin-bottom: 1.5rem;\n        }\n\n        .article-list {\n            padding-left: 1.5rem;\n            margin-bottom: 1.5rem;\n        }\n\n        .article-list li {\n            margin-bottom: 0.75rem;\n        }\n\n        \/* Button Styles *\/\n        .btn {\n            display: inline-block;\n            padding: 0.75rem 1.5rem;\n            border-radius: 8px;\n            font-weight: 600;\n            text-decoration: none !important;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            font-size: 1rem;\n            border: none;\n        }\n\n        .btn:hover, .btn:focus, .btn:active {\n            text-decoration: none !important;\n        }\n\n        .btn-primary {\n            background-color: var(--primary-color);\n            color: white !important;\n            box-shadow: 0 8px 16px rgba(253, 152, 0, 0.2);\n            border: none;\n        }\n\n        .btn-primary:hover {\n            background-color: var(--primary-hover);\n            transform: translateY(-2px);\n            text-decoration: none !important;\n        }\n\n        .btn-secondary {\n            background-color: white;\n            color: var(--primary-color) !important;\n            border: 1px solid var(--border-color);\n        }\n\n        .btn-secondary:hover {\n            background-color: #fff5e6;\n            transform: translateY(-2px);\n            text-decoration: none !important;\n        }\n\n        .btn-sm {\n            padding: 0.5rem 1rem;\n            font-size: 0.9rem;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .hero-title {\n                font-size: 2.2rem;\n            }\n            \n            .section-title {\n                font-size: 1.8rem;\n            }\n            \n            .features-grid {\n                grid-template-columns: 1fr;\n                max-width: 500px;\n                margin: 0 auto;\n            }\n            \n            .file-types-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .drop-area {\n                padding: 2rem 1rem;\n            }\n            \n            .summary-card {\n                grid-template-columns: 1fr 1fr;\n            }\n            \n            .file-table {\n                display: block;\n                overflow-x: auto;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .hero-title {\n                font-size: 1.8rem;\n            }\n            \n            .hero-subtitle {\n                font-size: 1.1rem;\n            }\n            \n            .section-title {\n                font-size: 1.6rem;\n            }\n            \n            .feature-content {\n                padding: 1.5rem;\n            }\n            \n            .calculator-container {\n                padding: 1.5rem;\n            }\n            \n            .info-card {\n                padding: 1.5rem;\n            }\n            \n            .summary-card {\n                grid-template-columns: 1fr;\n            }\n            \n            .drop-icon {\n                font-size: 2.5rem;\n            }\n        }\n    <\/style>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ DOM elements\n            const dropArea = document.getElementById('drop-area');\n            const fileInput = document.getElementById('file-input');\n            const fileSelectBtn = document.getElementById('file-select-btn');\n            const resultsContainer = document.getElementById('results-container');\n            const fileList = document.getElementById('file-list');\n            const totalFiles = document.getElementById('total-files');\n            const totalSize = document.getElementById('total-size');\n            const averageSize = document.getElementById('average-size');\n            const largestFile = document.getElementById('largest-file');\n            const clearResultsBtn = document.getElementById('clear-results');\n            let sizeChart = null;\n\n            \/\/ Event listeners\n            ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {\n                dropArea.addEventListener(eventName, preventDefaults, false);\n            });\n\n            ['dragenter', 'dragover'].forEach(eventName => {\n                dropArea.addEventListener(eventName, highlight, false);\n            });\n\n            ['dragleave', 'drop'].forEach(eventName => {\n                dropArea.addEventListener(eventName, unhighlight, false);\n            });\n\n            dropArea.addEventListener('drop', handleDrop, false);\n            fileSelectBtn.addEventListener('click', () => fileInput.click());\n            fileInput.addEventListener('change', handleFiles);\n            clearResultsBtn.addEventListener('click', clearResults);\n\n            \/\/ Functions\n            function preventDefaults(e) {\n                e.preventDefault();\n                e.stopPropagation();\n            }\n\n            function highlight() {\n                dropArea.classList.add('active');\n            }\n\n            function unhighlight() {\n                dropArea.classList.remove('active');\n            }\n\n            function handleDrop(e) {\n                const dt = e.dataTransfer;\n                const files = dt.files;\n                handleFiles({ target: { files: files } });\n            }\n\n            function handleFiles(e) {\n                const files = e.target.files;\n                if (files.length === 0) return;\n\n                \/\/ Show results container\n                resultsContainer.style.display = 'block';\n\n                \/\/ Process files\n                processFiles(files);\n            }\n\n            function processFiles(files) {\n                \/\/ Clear previous results\n                fileList.innerHTML = '';\n                \n                \/\/ Initialize variables for statistics\n                let totalSizeBytes = 0;\n                let maxSize = 0;\n                let maxSizeFile = '';\n                const fileTypes = {};\n                const fileDetails = [];\n\n                \/\/ Process each file\n                for (let i = 0; i < files.length; i++) {\n                    const file = files[i];\n                    const size = file.size;\n                    const fileExtension = file.name.split('.').pop().toLowerCase();\n                    \n                    \/\/ Add to total size\n                    totalSizeBytes += size;\n                    \n                    \/\/ Check if this is the largest file\n                    if (size > maxSize) {\n                        maxSize = size;\n                        maxSizeFile = file.name;\n                    }\n                    \n                    \/\/ Count file types\n                    fileTypes[fileExtension] = (fileTypes[fileExtension] || 0) + 1;\n                    \n                    \/\/ Store file details for later\n                    fileDetails.push({\n                        name: file.name,\n                        type: file.type || fileExtension,\n                        size: size\n                    });\n                    \n                    \/\/ Create table row\n                    const row = document.createElement('tr');\n                    row.innerHTML = `\n                        <td>${file.name}<\/td>\n                        <td>${file.type || fileExtension}<\/td>\n                        <td>${size}<\/td>\n                        <td>${(size \/ 1024).toFixed(2)}<\/td>\n                        <td>${(size \/ (1024 * 1024)).toFixed(2)}<\/td>\n                    `;\n                    fileList.appendChild(row);\n                }\n                \n                \/\/ Update summary statistics\n                totalFiles.textContent = files.length;\n                totalSize.textContent = formatSize(totalSizeBytes);\n                averageSize.textContent = formatSize(totalSizeBytes \/ files.length);\n                largestFile.textContent = formatSize(maxSize);\n                \n                \/\/ Create the chart\n                createSizeChart(fileDetails);\n                \n                \/\/ Add animation to results\n                resultsContainer.classList.add('fade-in');\n                setTimeout(() => {\n                    resultsContainer.classList.remove('fade-in');\n                }, 500);\n            }\n\n            function formatSize(bytes) {\n                const units = ['B', 'KB', 'MB', 'GB', 'TB'];\n                let size = bytes;\n                let unitIndex = 0;\n                \n                while (size >= 1024 && unitIndex < units.length - 1) {\n                    size \/= 1024;\n                    unitIndex++;\n                }\n                \n                return `${size.toFixed(2)} ${units[unitIndex]}`;\n            }\n\n            function createSizeChart(fileDetails) {\n                \/\/ Sort files by size (descending)\n                fileDetails.sort((a, b) => b.size - a.size);\n                \n                \/\/ Take the top 10 files\n                const topFiles = fileDetails.slice(0, 10);\n                \n                \/\/ Prepare data for the chart\n                const labels = topFiles.map(file => {\n                    \/\/ Truncate long file names\n                    return file.name.length > 20 ? file.name.substring(0, 17) + '...' : file.name;\n                });\n                \n                const data = topFiles.map(file => file.size);\n                \n                \/\/ Get the canvas context\n                const ctx = document.getElementById('size-chart').getContext('2d');\n                \n                \/\/ Destroy previous chart if it exists\n                if (sizeChart) {\n                    sizeChart.destroy();\n                }\n                \n                \/\/ Create a simple bar chart (we're simulating this without an actual chart library)\n                \/\/ In a real implementation, you would use Chart.js or a similar library\n                const chartWidth = ctx.canvas.width;\n                const chartHeight = ctx.canvas.height;\n                const barWidth = chartWidth \/ (labels.length * 2);\n                const maxValue = Math.max(...data);\n                \n                \/\/ Clear the canvas\n                ctx.clearRect(0, 0, chartWidth, chartHeight);\n                \n                \/\/ Draw bars\n                for (let i = 0; i < labels.length; i++) {\n                    const x = i * (barWidth * 2) + barWidth \/ 2;\n                    const barHeight = (data[i] \/ maxValue) * (chartHeight - 60);\n                    const y = chartHeight - barHeight - 30;\n                    \n                    \/\/ Draw bar\n                    ctx.fillStyle = '#FD9800';\n                    ctx.fillRect(x, y, barWidth, barHeight);\n                    \n                    \/\/ Draw label\n                    ctx.fillStyle = '#3A3A3A';\n                    ctx.font = '10px Arial';\n                    ctx.textAlign = 'center';\n                    ctx.fillText(labels[i], x + barWidth \/ 2, chartHeight - 10);\n                    \n                    \/\/ Draw value\n                    ctx.fillStyle = '#3A3A3A';\n                    ctx.font = '12px Arial';\n                    ctx.textAlign = 'center';\n                    ctx.fillText(formatSize(data[i]), x + barWidth \/ 2, y - 5);\n                }\n            }\n\n            function clearResults() {\n                resultsContainer.style.display = 'none';\n                fileList.innerHTML = '';\n                fileInput.value = '';\n                \n                \/\/ Reset summary statistics\n                totalFiles.textContent = '0';\n                totalSize.textContent = '0 B';\n                averageSize.textContent = '0 B';\n                largestFile.textContent = '0 B';\n                \n                \/\/ Clear the chart\n                const ctx = document.getElementById('size-chart').getContext('2d');\n                ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);\n                \n                if (sizeChart) {\n                    sizeChart.destroy();\n                    sizeChart = null;\n                }\n            }\n        });\n    <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Dosiera Grandeca Kalkulilo Tuj mezuru kaj analizu viajn dosiergrandojn per nia potenca tren-kaj-faligi kalkulilo. Perfekta por kompreni stokadpostulojn, optimumigi TTT-aktiva\u0135ojn [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3561","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"convertify","author_link":"https:\/\/convertifypro.com\/author\/convertifypro\/"},"uagb_comment_info":0,"uagb_excerpt":"Dosiera Grandeca Kalkulilo Tuj mezuru kaj analizu viajn dosiergrandojn per nia potenca tren-kaj-faligi kalkulilo. Perfekta por kompreni stokadpostulojn, optimumigi TTT-aktiva\u0135ojn [&hellip;]","_links":{"self":[{"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/pages\/3561","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/comments?post=3561"}],"version-history":[{"count":0,"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/pages\/3561\/revisions"}],"wp:attachment":[{"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/media?parent=3561"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}