irisfiles/create-zip.html at main · essentialols/irisfiles · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Create ZIP Archive - Free, Private, No Upload | IrisFiles</title>
  <meta name="description" content="Create ZIP archives from your files in the browser. No upload needed. All processing happens locally and privately.">
  <meta property="og:title" content="Create ZIP Archive - Free, Private, No Upload | IrisFiles">
  <meta property="og:description" content="Create ZIP archives from your files in the browser. No upload needed. All processing happens locally and privately.">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://irisfiles.com/create-zip">
  <meta name="twitter:card" content="summary">
  <meta name="twitter:title" content="Create ZIP Archive - Free, Private, No Upload | IrisFiles">
  <meta name="twitter:description" content="Create ZIP archives from your files in the browser. No upload needed. All processing happens locally and privately.">
  <meta property="og:image" content="https://irisfiles.com/img/og-default.png">
  <meta name="twitter:image" content="https://irisfiles.com/img/og-default.png">
  <link rel="canonical" href="https://irisfiles.com/create-zip">
  <link rel="stylesheet" href="css/style.css?v=ce77e82d">
  <link rel="icon" href="/favicon.png" type="image/png">
  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
  <script type="application/ld+json">
  [
    {
      "@context": "https://schema.org",
      "@type": "WebApplication",
      "name": "Create ZIP - IrisFiles",
      "url": "https://irisfiles.com/create-zip",
      "description": "Create ZIP archives from your files in the browser. No upload needed. All processing happens locally and privately.",
      "applicationCategory": "MultimediaApplication",
      "operatingSystem": "Any",
      "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" }
    },
    {
      "@context": "https://schema.org",
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "How does ZIP creation work in the browser?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "IrisFiles uses fflate, a fast JavaScript ZIP library, to compress your files into a ZIP archive entirely in the browser. No server is involved."
          }
        },
        {
          "@type": "Question",
          "name": "Is there a file limit?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "You can add up to 50 files. Very large files may be slow depending on your device, but there is no hard size limit."
          }
        },
        {
          "@type": "Question",
          "name": "Are the files compressed?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Yes. fflate applies DEFLATE compression to reduce the archive size. The compression ratio depends on the file types."
          }
        }
      ]
    }
  ]
  </script>
</head>
<body>
  <header class="header">
    <div class="container container--wide">
      <a href="/" class="logo">Iris<span>Files</span></a>
      <nav class="nav">
        <a href="/about">About</a>
        <a href="https://ko-fi.com/irisfiles" class="support-btn" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M17 8h1.5a2.5 2.5 0 010 5H17"/><path d="M3 8h14v9a4 4 0 01-4 4H7a4 4 0 01-4-4V8z" fill="currentColor" stroke="none" opacity=".15"/><path d="M3 8h14v9a4 4 0 01-4 4H7a4 4 0 01-4-4V8z"/><path d="M6 1v3M10 1v3M14 1v3" opacity=".6"/></svg> Support this project</a>
      </nav>
    </div>
  </header>

  <main class="container">
    <a href="/" class="back-link"><svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 12L6 8l4-4"/></svg> Back</a>
<div id="drop-zone" class="drop-zone">
      <h1 class="drop-zone__title">Create ZIP privately.</h1>
      <p class="drop-zone__subtitle">Everything runs in your browser. Nothing is uploaded. Ever.</p>
      <svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M28 8H12a4 4 0 00-4 4v24a4 4 0 004 4h24a4 4 0 004-4V20L28 8z"/><path d="M28 8v12h12"/><path d="M24 34v-8m-4 4l4-4 4 4"/></svg>
      <p>Drop files here to add them, or click to browse</p>
      <p class="drop-zone__disclaimer">Provided as-is with no warranty. Always keep backups of your original files.</p>
      <input type="file" id="file-input" multiple>
    </div>

    <div id="file-list" class="file-list"></div>

    <div class="batch-actions">
      <button id="action-btn" class="btn btn--primary" style="display:none">Create ZIP</button>
      <button id="clear-all" class="btn btn--secondary" style="display:none">Clear All</button>
    </div>

    <div class="related-tools">
      <h2>Related Tools</h2>
      <div class="related-tools__links">
        <a href="/extract-zip">Extract ZIP</a>
        <a href="/compress">Compress Images</a>
      </div>
    </div>

    <section class="faq">
      <h2>Frequently Asked Questions</h2>
      <div class="faq-item">
        <button class="faq-question">How does ZIP creation work in the browser?</button>
        <div class="faq-answer">
          <p>IrisFiles uses fflate, a fast JavaScript ZIP library, to compress your files into a ZIP archive entirely in the browser. No server is involved.</p>
        </div>
      </div>
      <div class="faq-item">
        <button class="faq-question">Is there a file limit?</button>
        <div class="faq-answer">
          <p>You can add up to 50 files. Very large files may be slow depending on your device, but there is no hard size limit.</p>
        </div>
      </div>
      <div class="faq-item">
        <button class="faq-question">Are the files compressed?</button>
        <div class="faq-answer">
          <p>Yes. fflate applies DEFLATE compression to reduce the archive size. The compression ratio depends on the file types.</p>
        </div>
      </div>
    </section>
  </main>

  <footer class="footer">
    <div class="container">
      <div class="footer-links">
        <a href="/">All Converters</a>
        <a href="/extract-zip">Extract ZIP</a>
        <a href="/about">About</a>
      </div>
      <p>IrisFiles. All processing happens in your browser.</p>
    </div>
  </footer>

  <div id="converter-config" data-archive-mode="create" style="display:none"></div>
  <script src="js/fflate.min.js"></script>
  <script type="module" src="js/archive-boot.js"></script>
</body>
</html>