{"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\/pl\/kalkulator-rozmiaru-pliku\/","title":{"rendered":"Kalkulator rozmiaru pliku"},"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\">Kalkulator rozmiaru pliku<\/h1>\n            <p class=\"hero-subtitle\">Natychmiast mierz i analizuj rozmiary plik\u00f3w za pomoc\u0105 naszego pot\u0119\u017cnego kalkulatora typu \u201eprzeci\u0105gnij i upu\u015b\u0107\u201d. Idealny do zrozumienia wymaga\u0144 dotycz\u0105cych przechowywania, optymalizacji zasob\u00f3w internetowych i zarz\u0105dzania tre\u015bciami cyfrowymi.<\/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\">Natychmiastowe wyniki<\/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\">Przeci\u0105gnij i upu\u015b\u0107<\/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% prywatno\u015bci<\/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\">Wiele plik\u00f3w<\/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\">Przeci\u0105gnij i upu\u015b\u0107 pliki tutaj<\/h3>\n                    <p class=\"drop-subtitle\">Lub<\/p>\n                    <button id=\"file-select-btn\" class=\"btn btn-primary\">Wybierz opcj\u0119 Pliki<\/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> Wybierz wiele plik\u00f3w, aby obliczy\u0107 ich \u0142\u0105czny i indywidualny rozmiar<\/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> Analiza rozmiaru pliku<\/h3>\n                    <button id=\"clear-results\" class=\"btn btn-secondary btn-sm\">Wyczy\u015b\u0107 wyniki<\/button>\n                <\/div>\n                \n                <div class=\"summary-card\">\n                    <div class=\"summary-item\">\n                        <span class=\"summary-label\">Ca\u0142kowita liczba plik\u00f3w<\/span>\n                        <span id=\"total-files\" class=\"summary-value\">0<\/span>\n                    <\/div>\n                    <div class=\"summary-item\">\n                        <span class=\"summary-label\">Ca\u0142kowity rozmiar<\/span>\n                        <span id=\"total-size\" class=\"summary-value\">0 B<\/span>\n                    <\/div>\n                    <div class=\"summary-item\">\n                        <span class=\"summary-label\">\u015aredni rozmiar<\/span>\n                        <span id=\"average-size\" class=\"summary-value\">0 B<\/span>\n                    <\/div>\n                    <div class=\"summary-item\">\n                        <span class=\"summary-label\">Najwi\u0119kszy plik<\/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>Nazwa pliku<\/th>\n                            <th>Typ<\/th>\n                            <th>Rozmiar (B)<\/th>\n                            <th>Rozmiar (KB)<\/th>\n                            <th>Rozmiar (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\">Dlaczego warto skorzysta\u0107 z naszego kalkulatora rozmiaru pliku<\/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\">Natychmiastowa analiza plik\u00f3w<\/h3>\n                    <p class=\"feature-text\">Uzyskaj natychmiastowy wgl\u0105d w rozmiary plik\u00f3w dzi\u0119ki naszemu b\u0142yskawicznemu kalkulatorowi. Szybki przegl\u0105d wymaga\u0144 dotycz\u0105cych przechowywania.<\/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\">Obliczanie rozmiaru w czasie rzeczywistym<\/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\">Wy\u015bwietlanie wielu jednostek (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\">Statystyki podsumowuj\u0105ce dla wielu plik\u00f3w<\/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\">Pe\u0142na prywatno\u015b\u0107<\/h3>\n                    <p class=\"feature-text\">Twoje pliki nigdy nie opuszczaj\u0105 przegl\u0105darki. Wszystkie obliczenia s\u0105 wykonywane lokalnie, dzi\u0119ki czemu Twoje dane pozostaj\u0105 prywatne i bezpieczne.<\/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\">Brak przesy\u0142ania plik\u00f3w na serwery<\/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\">Dzia\u0142a ca\u0142kowicie offline po za\u0142adowaniu strony<\/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\">Bezpieczny dla wra\u017cliwych lub poufnych plik\u00f3w<\/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\">Wizualna reprezentacja danych<\/h3>\n                    <p class=\"feature-text\">Zrozum rozmiary plik\u00f3w dzi\u0119ki intuicyjnym wykresom wizualnym i wykresom, kt\u00f3re u\u0142atwiaj\u0105 por\u00f3wnywanie rozmiar\u00f3w.<\/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\">Interaktywne tabele rozmiar\u00f3w<\/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\">Por\u00f3wnawcza analiza wielko\u015bci<\/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\">Wizualizacja dystrybucji typ\u00f3w plik\u00f3w<\/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\">Zrozumienie rozmiar\u00f3w plik\u00f3w<\/h2>\n        \n        <div class=\"info-container\">\n            <div class=\"info-card\">\n                <h3 class=\"info-title\"><i class=\"fas fa-ruler\"><\/i> Jednostki rozmiaru pliku cyfrowego<\/h3>\n                <p class=\"info-text\">Rozmiary plik\u00f3w s\u0105 mierzone w r\u00f3\u017cnych jednostkach, w zale\u017cno\u015bci od ich wielko\u015bci. Zrozumienie tych jednostek pomaga w lepszym planowaniu przechowywania i zarz\u0105dzaniu plikami.<\/p>\n                \n                <table class=\"info-table\">\n                    <thead>\n                        <tr>\n                            <th>Jednostka<\/th>\n                            <th>Symbol<\/th>\n                            <th>Warto\u015b\u0107 (w bajtach)<\/th>\n                            <th>Powszechne u\u017cycie<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td>Bajt<\/td>\n                            <td>B<\/td>\n                            <td>1<\/td>\n                            <td>Pojedyncze znaki, bardzo ma\u0142e pliki<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Kilobajt<\/td>\n                            <td>KB<\/td>\n                            <td>1,024<\/td>\n                            <td>Dokumenty tekstowe, ma\u0142e obrazy<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Megabajt<\/td>\n                            <td>MB<\/td>\n                            <td>1,048,576<\/td>\n                            <td>Zdj\u0119cia, piosenki, kr\u00f3tkie filmy<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Gigabajt<\/td>\n                            <td>GB<\/td>\n                            <td>1,073,741,824<\/td>\n                            <td>Filmy, aplikacje<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Terabajt<\/td>\n                            <td>gru\u017alica<\/td>\n                            <td>1,099,511,627,776<\/td>\n                            <td>Du\u017ce bazy danych, dyski<\/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> Typowe rozmiary plik\u00f3w wed\u0142ug typu<\/h3>\n                <p class=\"info-text\">R\u00f3\u017cne typy plik\u00f3w maj\u0105 r\u00f3\u017cne typowe rozmiary w zale\u017cno\u015bci od ich zawarto\u015bci i przeznaczenia. Oto przewodnik po typowych typach plik\u00f3w i ich zwyk\u0142ych rozmiarach:<\/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\">Dokumenty tekstowe<\/h4>\n                            <p class=\"file-type-desc\">Dokumenty Word, PDF, pliki tekstowe<\/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\">Obrazy<\/h4>\n                            <p class=\"file-type-desc\">Pliki JPG, PNG, GIF, WebP<\/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\">Pliki audio<\/h4>\n                            <p class=\"file-type-desc\">Pliki MP3, WAV, FLAC, AAC<\/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\">Pliki wideo<\/h4>\n                            <p class=\"file-type-desc\">Pliki MP4, MKV, AVI, MOV<\/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\">Skompresowane pliki<\/h4>\n                            <p class=\"file-type-desc\">Archiwa ZIP, RAR, 7Z<\/p>\n                            <p class=\"file-type-size\">Zmienna (zale\u017cy od tre\u015bci)<\/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\">Pliki kodu<\/h4>\n                            <p class=\"file-type-desc\">Pliki HTML, CSS, JS, Python<\/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\">Cz\u0119sto zadawane pytania<\/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                    Dlaczego rozmiary plik\u00f3w maj\u0105 znaczenie?\n                <\/h3>\n                <div class=\"faq-answer\">\n                    <p>Rozmiary plik\u00f3w s\u0105 kluczowe z r\u00f3\u017cnych powod\u00f3w: okre\u015blaj\u0105, ile miejsca potrzebujesz, wp\u0142ywaj\u0105 na czas wysy\u0142ania i pobierania, wp\u0142ywaj\u0105 na pr\u0119dko\u015b\u0107 \u0142adowania witryny, wp\u0142ywaj\u0105 na limity za\u0142\u0105cznik\u00f3w do wiadomo\u015bci e-mail i mog\u0105 wp\u0142ywa\u0107 na wydajno\u015b\u0107 urz\u0105dzenia podczas pracy z du\u017cymi plikami. Zrozumienie rozmiar\u00f3w plik\u00f3w pomaga zoptymalizowa\u0107 cyfrowy przep\u0142yw pracy i zarz\u0105dzanie pami\u0119ci\u0105 masow\u0105.<\/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                    Jaka jest r\u00f3\u017cnica mi\u0119dzy MB i MiB?\n                <\/h3>\n                <div class=\"faq-answer\">\n                    <p>MB (megabajt) i MiB (mebibajt) reprezentuj\u0105 r\u00f3\u017cne miary pami\u0119ci cyfrowej. MB jest oparty na pot\u0119gach 10 (1 MB = 1 000 000 bajt\u00f3w), podczas gdy MiB jest oparty na pot\u0119gach 2 (1 MiB = 1 048 576 bajt\u00f3w). Wi\u0119kszo\u015b\u0107 system\u00f3w operacyjnych wy\u015bwietla rozmiary w MiB, ale oznacza je jako MB, co mo\u017ce powodowa\u0107 zamieszanie. Nasz kalkulator korzysta z systemu binarnego (MiB), ale wy\u015bwietla typow\u0105 notacj\u0119 MB, aby u\u0142atwi\u0107 u\u017cytkownikowi zrozumienie.<\/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                    Dlaczego m\u00f3j plik ma inny rozmiar w systemie Windows i macOS?\n                <\/h3>\n                <div class=\"faq-answer\">\n                    <p>Windows i macOS inaczej obliczaj\u0105 i wy\u015bwietlaj\u0105 rozmiary plik\u00f3w. System Windows zazwyczaj wy\u015bwietla rozmiary plik\u00f3w w formacie binarnym (pot\u0119gi 2), podczas gdy macOS u\u017cywa w Finderze formatu dziesi\u0119tnego (pot\u0119gi 10). Ponadto r\u00f3\u017cne systemy operacyjne w r\u00f3\u017cny spos\u00f3b uwzgl\u0119dniaj\u0105 metadane plik\u00f3w i alokacj\u0119 dysku. Nasz kalkulator rozmiaru pliku wykorzystuje sp\u00f3jne pomiary, aby zapewni\u0107 dok\u0142adne informacje o rozmiarze pliku na wielu platformach.<\/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                    Jak mog\u0119 zmniejszy\u0107 rozmiary plik\u00f3w?\n                <\/h3>\n                <div class=\"faq-answer\">\n                    <p>Istnieje kilka sposob\u00f3w zmniejszania rozmiaru plik\u00f3w: kompresuj pliki przy u\u017cyciu formatu ZIP lub innego formatu archiw\u00f3w, u\u017cywaj narz\u0119dzi do optymalizacji obrazu dla zdj\u0119\u0107, konwertuj filmy do bardziej wydajnych kodek\u00f3w, takich jak H.265, u\u017cywaj specjalistycznego oprogramowania do kompresji plik\u00f3w, usuwaj niepotrzebn\u0105 zawarto\u015b\u0107 z dokument\u00f3w i korzystaj z konwerter\u00f3w format\u00f3w plik\u00f3w, kt\u00f3re daj\u0105 mniejsze dane wyj\u015bciowe. Najlepsza metoda zale\u017cy od typu pliku i konkretnych potrzeb.<\/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                    Czy moje pliki s\u0105 bezpieczne podczas korzystania z tego kalkulatora?\n                <\/h3>\n                <div class=\"faq-answer\">\n                    <p>Absolutnie. Nasz kalkulator rozmiaru pliku przetwarza wszystkie pliki lokalnie w Twojej przegl\u0105darce. Twoje pliki nigdy nie opuszczaj\u0105 urz\u0105dzenia ani nie s\u0105 przesy\u0142ane na \u017caden serwer. Kalkulator po prostu odczytuje metadane plik\u00f3w w celu okre\u015blenia ich rozmiaru, bez uzyskiwania dost\u0119pu do rzeczywistej zawarto\u015bci ani jej przechowywania. Dzi\u0119ki temu jest ca\u0142kowicie bezpieczny dla wra\u017cliwych lub poufnych plik\u00f3w.<\/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                    Dlaczego rozmiar mojego pliku jest wi\u0119kszy ni\u017c oczekiwano?\n                <\/h3>\n                <div class=\"faq-answer\">\n                    <p>Pliki mog\u0105 by\u0107 wi\u0119ksze ni\u017c oczekiwano z kilku powod\u00f3w: ukrytych metadanych, nieefektywnego kodowania, zasob\u00f3w osadzonych, takich jak czcionki lub obrazy, czynnik\u00f3w alokacji dysku (pliki s\u0105 przechowywane w sta\u0142ych \u201eblokach\u201d na dysku) oraz r\u00f3\u017cnic w raportowaniu rozmiaru w systemie operacyjnym. Je\u015bli plik wydaje si\u0119 niezwykle du\u017cy, rozwa\u017c u\u017cycie narz\u0119dzi do kompresji lub optymalizator\u00f3w zaprojektowanych dla tego konkretnego typu pliku.<\/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\">Znaczenie zrozumienia rozmiar\u00f3w plik\u00f3w w zarz\u0105dzaniu tre\u015bciami cyfrowymi<\/h3>\n                <div class=\"article-content\">\n                    <p>W dzisiejszym cyfrowym \u015bwiecie zrozumienie rozmiar\u00f3w plik\u00f3w jest niezb\u0119dne do skutecznego zarz\u0105dzania tre\u015bci\u0105. Niezale\u017cnie od tego, czy jeste\u015b tw\u00f3rc\u0105 stron internetowych optymalizuj\u0105cym zasoby pod k\u0105tem szybszego \u0142adowania stron, fotografem zarz\u0105dzaj\u0105cym du\u017c\u0105 kolekcj\u0105 obraz\u00f3w, czy po prostu u\u017cytkownikiem komputera pr\u00f3buj\u0105cym maksymalnie wykorzysta\u0107 przestrze\u0144 dyskow\u0105, dok\u0142adna wiedza o tym, jak du\u017ce s\u0105 Twoje pliki, mo\u017ce znacznie usprawni\u0107 przep\u0142yw pracy.<\/p>\n                    \n                    <p>Rozmiary plik\u00f3w maj\u0105 bezpo\u015bredni wp\u0142yw na kilka aspekt\u00f3w pracy cyfrowej:<\/p>\n                    \n                    <ul class=\"article-list\">\n                        <li><strong>Planowanie przechowywania<\/strong>: Dok\u0142adne przewidywanie zapotrzebowania na pami\u0119\u0107 masow\u0105 dla kopii zapasowych, us\u0142ug w chmurze lub dysk\u00f3w fizycznych<\/li>\n                        <li><strong>Pr\u0119dko\u015bci transferu<\/strong>: Szacowanie czasu wysy\u0142ania i pobierania plik\u00f3w udost\u0119pnianych online<\/li>\n                        <li><strong>Wydajno\u015b\u0107 witryny<\/strong>: Optymalizacja zasob\u00f3w internetowych w celu szybszego \u0142adowania i lepszego do\u015bwiadczenia u\u017cytkownika<\/li>\n                        <li><strong>Za\u0142\u0105czniki do wiadomo\u015bci e-mail<\/strong>: Zapewnienie, \u017ce pliki mieszcz\u0105 si\u0119 w granicach rozmiaru narzuconych przez dostawc\u00f3w poczty e-mail<\/li>\n                        <li><strong>Wydajno\u015b\u0107 aplikacji<\/strong>: Zarz\u0105dzanie wykorzystaniem zasob\u00f3w podczas pracy z du\u017cymi plikami<\/li>\n                    <\/ul>\n                    \n                    <p>Nasz kalkulator rozmiaru pliku zapewnia natychmiastowy wgl\u0105d w to, ile dok\u0142adnie miejsca zajmuj\u0105 Twoje pliki, pomagaj\u0105c Ci podejmowa\u0107 \u015bwiadome decyzje dotycz\u0105ce przechowywania, udost\u0119pniania i optymalizacji. Po prostu przeci\u0105gaj\u0105c i upuszczaj\u0105c pliki na kalkulator, mo\u017cesz natychmiast zobaczy\u0107 ich rozmiary w r\u00f3\u017cnych jednostkach (bajty, kilobajty, megabajty itp.) i zrozumie\u0107 ich wzgl\u0119dne proporcje poprzez reprezentacj\u0119 wizualn\u0105.<\/p>\n                    \n                    <p>Narz\u0119dzie to jest szczeg\u00f3lnie cenne dla:<\/p>\n                    \n                    <ul class=\"article-list\">\n                        <li><strong>Tw\u00f3rcy stron internetowych<\/strong> kt\u00f3rzy musz\u0105 zoptymalizowa\u0107 obrazy, filmy i inne zasoby, aby przyspieszy\u0107 \u0142adowanie strony<\/li>\n                        <li><strong>Tw\u00f3rcy tre\u015bci<\/strong> zarz\u0105dzanie du\u017cymi zbiorami plik\u00f3w multimedialnych<\/li>\n                        <li><strong>Specjali\u015bci IT<\/strong> planowanie wymaga\u0144 dotycz\u0105cych pami\u0119ci masowej i alokacji przepustowo\u015bci sieci<\/li>\n                        <li><strong>Studenci i pedagodzy<\/strong> praca z ograniczeniami rozmiaru plik\u00f3w dla przes\u0142anych materia\u0142\u00f3w i udost\u0119pnionych zasob\u00f3w<\/li>\n                        <li><strong>Ktokolwiek<\/strong> kt\u00f3rzy musz\u0105 lepiej zrozumie\u0107 spos\u00f3b wykorzystania pami\u0119ci cyfrowej<\/li>\n                    <\/ul>\n                    \n                    <p>Dzi\u0119ki naszemu kalkulatorowi okre\u015blanie rozmiar\u00f3w plik\u00f3w staje si\u0119 prostym, intuicyjnym procesem, kt\u00f3ry zapewnia cenny wgl\u0105d w zawarto\u015b\u0107 cyfrow\u0105, pomagaj\u0105c zoptymalizowa\u0107 pami\u0119\u0107 masow\u0105, poprawi\u0107 wydajno\u015b\u0107 i efektywniej zarz\u0105dza\u0107 zasobami.<\/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>Kalkulator rozmiaru pliku Natychmiast mierz i analizuj rozmiary plik\u00f3w za pomoc\u0105 naszego pot\u0119\u017cnego kalkulatora typu \u201eprzeci\u0105gnij i upu\u015b\u0107\u201d. Idealny do [&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":"Kalkulator rozmiaru pliku Natychmiast mierz i analizuj rozmiary plik\u00f3w za pomoc\u0105 naszego pot\u0119\u017cnego kalkulatora typu \u201eprzeci\u0105gnij i upu\u015b\u0107\u201d. Idealny do [&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}]}}