MICRO-TOOL v1.0 // 完全ブラウザ処理

PDF圧縮ツールオンライン無料

// 安全にPDFファイルの容量を削減・軽量化

ここにPDFをドロップするか、クリックしてファイルを選択

SUPPORTS PDF · ANY SIZE · FULLY PRIVATE

処理中... / PROCESSING...

0KB

Original

Saved

0KB

Compressed

■ 簡単3ステップ！PDF圧縮の使い方

01. ファイル選択上の枠内にPDFをドロップして読み込みます。
02. 圧縮開始「PDFを圧縮する」ボタンを押して処理を開始します。
03. ダウンロード処理完了後、軽量化されたファイルを保存します。

🛡️ 安全性とプライバシー保護（ブラウザ完結型処理）

アップロードされたファイルは外部サーバーに送信されず、すべてブラウザ上（ローカル）で安全に直接処理されます。情報漏洩のリスクは一切ありません。

.wrapper { position: relative; z-index: 1; width: 100%; max-width: 680px; padding: 48px 24px 80px; } .clip-sharp { clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)); } /* ─── HEADER & TEXT ─── */ header { margin-bottom: 56px; } .label-tag { font-family: 'Space Mono', monospace; font-size: 10px; letter-spacing: 0.2em; color: var(--accent); background: rgba(232,255,71,0.08); border: 1px solid rgba(232,255,71,0.2); padding: 4px 10px; display: inline-block; margin-bottom: 16px; } h1 { font-size: clamp(28px, 6vw, 42px); font-weight: 800; line-height: 1.2; color: var(--text); } h1 span { color: var(--accent); } .subtitle { margin-top: 12px; font-family: 'Space Mono', monospace; font-size: 12px; color: var(--muted); letter-spacing: 0.05em; } /* ─── UI COMPONENTS ─── */ .drop-zone { border: 1.5px dashed var(--border); background: var(--surface); padding: 48px 32px; text-align: center; cursor: pointer; position: relative; transition: border-color 0.2s, background 0.2s; clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px)); } .drop-zone:hover, .drop-zone.dragover { border-color: var(--accent); background: rgba(232,255,71,0.04); } .drop-zone input[type="file"] { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%; } .drop-icon { width: 48px; height: 48px; margin: 0 auto 20px; opacity: 0.4; color: var(--text); } .drop-zone p { font-size: 15px; font-weight: 600; color: var(--text); } .drop-zone small { font-family: 'Space Mono', monospace; font-size: 11px; color: var(--muted); display: block; margin-top: 6px; letter-spacing: 0.05em; } .compress-btn { margin-top: 24px; width: 100%; background: var(--accent); color: #0a0a0b; font-weight: 800; font-size: 15px; letter-spacing: 0.06em; padding: 18px; border: none; cursor: pointer; clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)); transition: opacity 0.2s, transform 0.15s; display: none; } .compress-btn.visible { display: block; } .compress-btn:hover:not(:disabled) { opacity: 0.88; transform: translateY(-1px); } .compress-btn:disabled { opacity: 0.5; cursor: not-allowed; } /* ─── YOUR FIX: STATS & RESULTS CARD ─── */ .result-card { display: none; margin-top: 24px; background: var(--surface); border: 1px solid var(--border); padding: 24px; } .result-card.visible { display: block; } .divider { height: 1px; background: var(--border); margin-bottom: 24px; } .stat-box { background: var(--bg); padding: 16px 12px; text-align: center; border: 1px solid var(--border); } .stat-value { font-size: 22px; font-weight: 800; color: var(--text); letter-spacing: -0.02em; } .stat-value.accent { color: var(--accent); } .stat-label { font-family: 'Space Mono', monospace; font-size: 9px; color: var(--muted); letter-spacing: 0.1em; text-transform: uppercase; margin-top: 4px; } .download-btn { margin-top: 24px; width: 100%; background: transparent; border: 1.5px solid var(--accent); color: var(--accent); font-family: 'Syne', sans-serif; font-weight: 800; font-size: 14px; letter-spacing: 0.06em; text-transform: uppercase; padding: 16px; cursor: pointer; clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)); transition: all 0.2s; display: flex; align-items: center; justify-content: center; gap: 10px; } .download-btn:hover { background: rgba(232,255,71,0.08); box-shadow: 0 0 24px rgba(232,255,71,0.12); } .download-btn svg { width: 16px; height: 16px; } .error-banner { margin-top: 16px; background: rgba(255,95,95,0.08); border: 1px solid rgba(255,95,95,0.3); color: var(--danger); font-family: 'Space Mono', monospace; font-size: 11px; padding: 12px 16px; display: none; letter-spacing: 0.03em; } .error-banner.visible { display: block; } /* ─── ANIMATIONS ─── */ .wrapper > * { animation: slideUp 0.5s cubic-bezier(0.16,1,0.3,1) both; } .wrapper > *:nth-child(2) { animation-delay: 0.05s; } .wrapper > *:nth-child(3) { animation-delay: 0.1s; } @keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } .pulsing { animation: pulse 1.5s ease-in-out infinite; }