HTML المصغر

حول هذه الأداة

إذن، لديك ملف HTML. ربما يكون بضع مئات من الأسطر. ربما يكون السبب هو الفوضى في المسافات، وفواصل الأسطر، والتعليقات التي نسيت تنظيفها. إنه يعمل – جيد. ولكن كل بايت إضافي يتم احتسابه عندما تحاول تحميل صفحة بشكل أسرع، خاصة على الاتصالات الأبطأ. وهنا يأتي دور أداة تصغير HTML. إنها ليست سحرية. إنها مجرد أداة تزيل الأشياء غير الضرورية: المسافات البيضاء الإضافية، والتعليقات، والسمات الزائدة عن الحاجة، وحتى علامات الإغلاق الاختيارية - كل ما لا يؤثر على كيفية عرض المتصفح للصفحة. النتيجة؟ ملف أصغر يتم تحميله بشكل أسرع. بهذه البساطة. لقد استخدمت مجموعة من هذه الأدوات على مر السنين. بعضها مبالغ في هندسته. آخرون كسر التعليمات البرمجية الخاصة بك. هذا؟ إنه يفعل فقط ما يفترض أن يفعله. لا زغب. لا إعلانات. لا توجد "ميزات مميزة" لن تستخدمها أبدًا.

الميزات الرئيسية

يزيل المسافات الزائدة وعلامات التبويب وفواصل الأسطر - دون تعطيل التخطيط.
إزالة تعليقات HTML (ما لم تطلب منه الاحتفاظ ببعضها).
تقصير السمات المنطقية - يحول disabled="disabled" إلى معطل فقط.
لتصغير العلامات المتكررة عندما تكون آمنة (مثل

يحتفظ بالمحتوى داخل

، و</code>، وكتل البرنامج النصي/النمط — بحيث تظل مقتطفات التعليمات البرمجية الخاصة بك سليمة.</li> <li>يعمل في المتصفح. لا توجد تحميلات. لا حاجة للخادم. ملفاتك لا تترك جهازك أبدًا.</li> <لي>سريع. حتى بالنسبة للملفات الكبيرة، يتم ذلك خلال ثانية أو ثانيتين.</li></ul><h2>الأسئلة الشائعة</h2><p><strong>هل سيؤدي هذا إلى تعطيل موقع الويب الخاص بي؟</strong><br>ليس إذا كان HTML الخاص بك صالحًا. يتبع المصغر القواعد القياسية ويتجنب التغييرات الصارمة التي قد تعبث بالعرض. ومع ذلك، اختبر النتائج دائمًا، خاصة إذا كنت تستخدم أنماطًا مضمنة غريبة أو علامات غير تقليدية.</p><p><strong>هل يمكنني التراجع عن التصغير؟</strong><br>كلا. بمجرد تصغيره، سيختفي التنسيق الأصلي. لهذا السبب يجب عليك الاحتفاظ بنسخة احتياطية من ملفك المصدر. التصغير يهدف إلى الإنتاج وليس التطوير.</p> </div> <!-- Ad Banner After Content --> <!-- Social Share --> <div class="social-share text-center mt-5" style="padding-top: 30px; border-top: 1px solid #e2e8f0;"> <div class="share-icons relative gap-2 d-flex justify-content-center" style="gap: 12px;"> <a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2F34tools.site%2Far%2Fhtml-%25D8%25A7%25D9%2584%25D9%2585%25D8%25B5%25D8%25BA%25D8%25B1" target="_blank" class="btn btn-primary btn-icon-only rounded-circle" style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;"><i class="fab fa-facebook-f"></i></a> <a href="https://twitter.com/intent/tweet?url=http%3A%2F%2F34tools.site%2Far%2Fhtml-%25D8%25A7%25D9%2584%25D9%2585%25D8%25B5%25D8%25BA%25D8%25B1&text=HTML+%D8%A7%D9%84%D9%85%D8%B5%D8%BA%D8%B1" target="_blank" class="btn btn-info btn-icon-only rounded-circle text-white" style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;"><i class="fab fa-twitter"></i></a> <a href="https://wa.me/?text=HTML+%D8%A7%D9%84%D9%85%D8%B5%D8%BA%D8%B1+http%3A%2F%2F34tools.site%2Far%2Fhtml-%25D8%25A7%25D9%2584%25D9%2585%25D8%25B5%25D8%25BA%25D8%25B1" target="_blank" class="btn btn-success btn-icon-only rounded-circle" style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;"><i class="fab fa-whatsapp"></i></a> </div> </div> </div> </section> </div> </div></div><footer class="footer bg-white pt-5 pb-3 mt-5 border-top"> <div class="container"> <!-- Footer Ad --> <div class="row gx-4"> <!-- About Column --> <div class="col-lg-3 col-md-6 mb-4"> <h5 class="fw-bold mb-3">الأدوات المجانية عبر الإنترنت التي تعمل فعلاً: نظرة معمقة على موقع 34tooL</h5> <p class="text-muted small">موقع 34tooL يقدم أدوات مجانية عبر الإنترنت تشمل أدوات تحسين محركات البحث (SEO)، وأدوات الصور، وأدوات النصوص، والآلات الحاسبة، وأدوات الويب لاستخدام سريع وسهل.</p> <div class="social-links mt-3"> <a href="#" class="text-muted me-3" aria-label="Facebook"><i class="fab fa-facebook fa-lg"></i></a> <a href="#" class="text-muted me-3" aria-label="Twitter"><i class="fab fa-twitter fa-lg"></i></a> <a href="#" class="text-muted me-3" aria-label="Instagram"><i class="fab fa-instagram fa-lg"></i></a> </div> </div> <!-- Tools Category Column --> <div class="col-lg-2 col-md-6 mb-4"> <h6 class="fw-bold mb-3">فئة الأدوات</h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://34tools.site/ar/category/%D8%A3%D8%AF%D9%88%D8%A7%D8%AA-%D8%A7%D9%84%D9%86%D8%B5" class="text-muted text-decoration-none"> أدوات النص </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/category/%D8%A3%D8%AF%D9%88%D8%A7%D8%AA-%D9%8A%D9%88%D8%AA%D9%8A%D9%88%D8%A8" class="text-muted text-decoration-none"> أدوات يوتيوب </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/category/%D8%A3%D8%AF%D9%88%D8%A7%D8%AA-%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D9%85%D8%AD%D8%B1%D9%83%D8%A7%D8%AA-%D8%A7%D9%84%D8%A8%D8%AD%D8%AB" class="text-muted text-decoration-none"> أدوات تحسين محركات البحث </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/category/%D8%A3%D8%AF%D9%88%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D8%AC%D8%A7%D9%84-%D9%88%D8%A7%D9%84%D9%85%D9%84%D9%83%D9%8A%D8%A9-%D8%A7%D9%84%D9%81%D9%83%D8%B1%D9%8A%D8%A9" class="text-muted text-decoration-none"> أدوات المجال والملكية الفكرية </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/category/%D8%A3%D8%AF%D9%88%D8%A7%D8%AA-%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D8%A7%D9%84%D9%85%D9%88%D9%82%D8%B9" class="text-muted text-decoration-none"> أدوات إدارة الموقع </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/category/%D8%A3%D8%AF%D9%88%D8%A7%D8%AA-%D8%AA%D8%B7%D9%88%D9%8A%D8%B1-%D8%A7%D9%84%D9%88%D9%8A%D8%A8" class="text-muted text-decoration-none"> أدوات تطوير الويب </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/category/%D8%A3%D8%AF%D9%88%D8%A7%D8%AA-%D8%AA%D8%AD%D8%B1%D9%8A%D8%B1-%D8%A7%D9%84%D8%B5%D9%88%D8%B1" class="text-muted text-decoration-none"> أدوات تحرير الصور </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/category/%D8%A7%D9%84%D8%A2%D9%84%D8%A7%D8%AA-%D8%A7%D9%84%D8%AD%D8%A7%D8%B3%D8%A8%D8%A9-%D8%B9%D9%84%D9%89-%D8%A7%D9%84%D8%A7%D9%86%D8%AA%D8%B1%D9%86%D8%AA" class="text-muted text-decoration-none"> الآلات الحاسبة على الانترنت </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/category/%D8%A3%D8%AF%D9%88%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D8%AD%D9%88%D9%84-%D8%A7%D9%84%D8%AB%D9%86%D8%A7%D8%A6%D9%8A" class="text-muted text-decoration-none"> أدوات المحول الثنائي </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/category/%D8%A3%D8%AF%D9%88%D8%A7%D8%AA-%D8%AA%D8%AD%D9%88%D9%8A%D9%84-%D8%A7%D9%84%D9%88%D8%AD%D8%AF%D8%A7%D8%AA" class="text-muted text-decoration-none"> أدوات تحويل الوحدات </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/category/%D8%A3%D8%AF%D9%88%D8%A7%D8%AA-%D9%85%D8%AA%D9%86%D9%88%D8%B9%D8%A9" class="text-muted text-decoration-none"> أدوات متنوعة </a> </li> </ul> </div> <!-- Legal Column --> <div class="col-lg-2 col-md-6 mb-4"> <h6 class="fw-bold mb-3">قانوني</h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://34tools.site/ar/page/%D9%85%D8%B9%D9%84%D9%88%D9%85%D8%A7%D8%AA-%D8%B9%D9%86%D8%A7" class="text-muted text-decoration-none"> معلومات عنا </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/page/%D8%A7%D8%AA%D8%B5%D9%84-%D8%A8%D9%86%D8%A7" class="text-muted text-decoration-none"> اتصل بنا </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/page/%D8%AA%D9%86%D8%B5%D9%84" class="text-muted text-decoration-none"> تنصل </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/page/%D8%B3%D9%8A%D8%A7%D8%B3%D8%A9-%D8%A7%D9%84%D8%AE%D8%B5%D9%88%D8%B5%D9%8A%D8%A9" class="text-muted text-decoration-none"> سياسة الخصوصية </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/page/%D8%B4%D8%B1%D9%88%D8%B7-%D8%A7%D9%84%D8%AE%D8%AF%D9%85%D8%A7%D8%AA" class="text-muted text-decoration-none"> شروط الخدمات </a> </li> <!-- Static Contact Link --> <li class="mb-2"> <a href="https://34tools.site/ar/contact" class="text-muted text-decoration-none"> اتصل بنا </a> </li> </ul> </div> <!-- Our YouTube Tools Column --> <div class="col-lg-2 col-md-6 mb-4"> <h6 class="fw-bold mb-3">أدوات يوتيوب الخاصة بنا</h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://34tools.site/ar/حاسبة-أرباح-يوتيوب" class="text-muted text-decoration-none"> حاسبة أرباح يوتيوب </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/مولّد-عناوين-يوتيوب" class="text-muted text-decoration-none"> مولّد عناوين يوتيوب </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/مستخرج-عناوين-يوتيوب" class="text-muted text-decoration-none"> مستخرج عناوين يوتيوب </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/منزّل-بانر-قناة-يوتيوب" class="text-muted text-decoration-none"> منزّل بانر قناة يوتيوب </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/مولّد-كود-تضمين-يوتيوب" class="text-muted text-decoration-none"> مولّد كود تضمين يوتيوب </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/مدقق-قيود-منطقة-يوتيوب" class="text-muted text-decoration-none"> مدقق قيود منطقة يوتيوب </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/مدقق-طول-عنوان-يوتيوب" class="text-muted text-decoration-none"> مدقق طول عنوان يوتيوب </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/مولّد-رابط-الاشتراك-في-يوتيوب" class="text-muted text-decoration-none"> مولّد رابط الاشتراك في يوتيوب </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/مُحدّد-تعليقات-يوتيوب" class="text-muted text-decoration-none"> مُحدّد تعليقات يوتيوب </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/مولّد-وصف-يوتيوب" class="text-muted text-decoration-none"> مولّد وصف يوتيوب </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/منزّل-صور-مصغرة-لـ-youtube" class="text-muted text-decoration-none"> منزّل صور مصغرة لـ YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/youtube-hashtag-extractor" class="text-muted text-decoration-none"> YouTube Hashtag Extractor </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/حاسبة-نسبة-مشاهدات-يوتيوب" class="text-muted text-decoration-none"> حاسبة نسبة مشاهدات يوتيوب </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/مولّد-روابط-الطوابع-الزمنية-لـ-youtube" class="text-muted text-decoration-none"> مولّد روابط الطوابع الزمنية لـ YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/مُستخرج-وسوم-يوتيوب" class="text-muted text-decoration-none"> مُستخرج وسوم يوتيوب </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/مولّد-وسوم-يوتيوب" class="text-muted text-decoration-none"> مولّد وسوم يوتيوب </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/مستخرج-معرف-قناة-يوتيوب" class="text-muted text-decoration-none"> مستخرج معرف قناة يوتيوب </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/مُكتشف-قنوات-يوتيوب" class="text-muted text-decoration-none"> مُكتشف قنوات يوتيوب </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/مستخرج-وصف-يوتيوب" class="text-muted text-decoration-none"> مستخرج وصف يوتيوب </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/إحصائيات-قناة-يوتيوب" class="text-muted text-decoration-none"> إحصائيات قناة يوتيوب </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/مولّد-الهاشتاغ-ليوتيوب" class="text-muted text-decoration-none"> مولّد الهاشتاغ ليوتيوب </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/مدقّق-عدد-مقاطع-يوتيوب" class="text-muted text-decoration-none"> مدقّق عدد مقاطع يوتيوب </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/مُنزِّل-شعار-قناة-يوتيوب" class="text-muted text-decoration-none"> مُنزِّل شعار قناة يوتيوب </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/مدقق-عمر-قناة-يوتيوب" class="text-muted text-decoration-none"> مدقق عمر قناة يوتيوب </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/إحصائيات-فيديو-يوتيوب" class="text-muted text-decoration-none"> إحصائيات فيديو يوتيوب </a> </li> <li class="mb-2"> <a href="https://34tools.site/ar/مُكبِّر-أحرف-عناوين-فيديوهات-يوتيوب" class="text-muted text-decoration-none"> مُكبِّر أحرف عناوين فيديوهات يوتيوب </a> </li> </ul> </div> <!-- Newsletter Column --> <div class="col-lg-3 col-md-6 mb-4"> <h6 class="fw-bold mb-3">نشرة الأخبار</h6> <p class="small text-muted">اشترك في نشرتنا الإخبارية للحصول على التحديثات.</p> <form id="newsletterForm" class="mt-2" onsubmit="return handleSubscribe(event)"> <div class="input-group"> <input type="email" id="subEmail" class="form-control form-control-sm" placeholder="Your email" required> <button class="btn btn-primary btn-sm" type="submit" id="subBtn">اشترك</button> </div> <small class="text-success d-none mt-2 d-block" id="subMsg"></small> </form> </div> </div> <hr class="my-4"> <div class="row align-items-center"> <div class="col-md-6 text-center text-md-start"> <p class="small text-muted mb-0">© 2026 الأدوات المجانية عبر الإنترنت التي تعمل فعلاً: نظرة معمقة على موقع 34tooL. جميع الحقوق محفوظة.</p> </div> </div> </div></footer><!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- Custom JS -->
<script src="https://34tools.site/assets/js/main.js"></script>
<script>
    function handleSubscribe(e) {
        e.preventDefault();
        const email = document.getElementById('subEmail').value;
        const btn = document.getElementById('subBtn');
        const msg = document.getElementById('subMsg');
        
        btn.disabled = true;
        btn.innerHTML = '...';
        
        const formData = new FormData();
        formData.append('email', email);
        
        fetch('https://34tools.site/ajax/subscribe.php', {
            method: 'POST',
            body: formData
        })
        .then(response => response.json())
        .then(data => {
            btn.disabled = false;
            btn.innerHTML = 'Subscribe';
            msg.textContent = data.message;
            msg.classList.remove('d-none');
            
            if (data.success) {
                msg.classList.remove('text-danger');
                msg.classList.add('text-success');
                document.getElementById('subEmail').value = '';
            } else {
                msg.classList.remove('text-success');
                msg.classList.add('text-danger');
            }
        })
        .catch(err => {
            btn.disabled = false;
            btn.innerHTML = 'Subscribe';
            msg.textContent = 'Something went wrong.';
            msg.classList.remove('d-none');
        });
    }

    // Simple search filter with error checking
    const searchBox = document.getElementById('toolSearch');
    if (searchBox) {
        searchBox.addEventListener('keyup', function() {
            let filter = this.value.toLowerCase();
            let tools = document.querySelectorAll('.tool-card');
            
            tools.forEach(tool => {
                let titleElement = tool.querySelector('.tool-title span');
                if (titleElement) {
                    let title = titleElement.innerText.toLowerCase();
                    let container = tool.closest('.col-12, .col-sm-6, .col-md-4, .col-lg-3');
                    if (container) {
                        container.style.display = title.includes(filter) ? '' : 'none';
                    }
                }
            });
        });
    }

    // --- GLOBAL TABLE OVERFLOW FIX ---
    document.addEventListener('DOMContentLoaded', function() {
        // Wrap any table found in content areas with table-responsive for mobile safety
        const contentAreas = document.querySelectorAll('.prose, .article-content, .page-content, .tool-preview-content');
        contentAreas.forEach(function(area) {
            const tables = area.querySelectorAll('table');
            tables.forEach(function(table) {
                if (!table.parentElement.classList.contains('table-responsive')) {
                    const wrapper = document.createElement('div');
                    wrapper.className = 'table-responsive mb-4';
                    table.parentNode.insertBefore(wrapper, table);
                    wrapper.appendChild(table);
                }
            });
        });
    });
</script>
<!-- Cookie Consent Banner --><div id="cookie-consent" class="fixed-bottom p-4 bg-white border-top shadow-lg" style="display: none; z-index: 9999;"> <div class="container d-flex flex-column flex-md-row justify-content-between align-items-center"> <div class="mb-3 mb-md-0 text-muted small"> نستخدم ملفات تعريف الارتباط لتحسين تجربتك ولتخصيص الإعلانات. باستمرارك في استخدام هذا الموقع، فإنك توافق على <a href="/page/privacy-policy" class="text-primary text-decoration-none">سياسة الخصوصية الخاصة بنا</a>. </div> <div> <button id="accept-cookies" class="btn btn-primary btn-sm px-4 rounded-pill">قبول</button> </div> </div></div><script>
document.addEventListener('DOMContentLoaded', function() {
    // --- COOKIE CONSENT ---
    if (!localStorage.getItem('cookie_consent')) {
        setTimeout(function() {
            const consent = document.getElementById('cookie-consent');
            if (consent) consent.style.display = 'block';
        }, 2000);
    }
    
    document.getElementById('accept-cookies')?.addEventListener('click', function() {
        localStorage.setItem('cookie_consent', 'true');
        const consent = document.getElementById('cookie-consent');
        if (consent) consent.style.display = 'none';
    });

    // --- SERVICE WORKER REGISTRATION (PUSH NOTIFICATIONS) ---
    if ('serviceWorker' in navigator) {
        navigator.serviceWorker.register('https://34tools.site/sw.js')
        .then(function(registration) {
            console.log('SW registered:', registration.scope);
        })
        .catch(function(err) {
            console.log('SW failed:', err);
        });
    }
});
</script></body></html>