Post your Favourite Recipe

Post your Favourite Recipe

Phone Accessories

Support

Shawkat World Information

Add your work

Shawkat World

Support

Shibli

+ Share Your Recipe

711 Following

7.5K Followers

✕

Story of the day

[event_rating]

Ready to Birth Day Party? Experience the Best Event of the Year!

Ready to Birth Day Party? Experience the Best Event of the Year!

Are you ready to celebrate in style? Our Birthday Party Extravaganza promises to be the highlight of the year! Whether you’re looking to dance, enjoy delicious treats, or simply have a blast with friends and family, this event has it all. Expect amazing entertainment, fun surprises, and memories that will last a lifetime.

🎂 What to Expect:

🎶 Invite my sister with her family – We are going to eat at

🍰 Delicious Treats & Cake – Indulge in mouthwatering birthday cake and snacks.

🎁 Fun Games & Prizes – Get ready for exciting activities and giveaways!

🎉 A Party Like No Other – Unforgettable moments with your loved ones.

Get ready for a night full of fun, laughter, and celebration

97 Views

ShawkatWorld

ShawkatWorld event

0 people have subscribed!

Ent Highlights

No content available.

Features

No content available.

Final Thoughts

No content available.

Our moment

One of the best when my son born. It was unexpected but wonderful moment.

Shayaan

Dec 10,2017

7.8

shawkatworld.com News

May 19, 2025

Tinypng – Free Online Tool

Image Compressor

Upload any image to compress and optimize it for web

Drop your images here

or click to browse files

Compressed to

Download Options

(function() { // Elements const dropArea = document.getElementById(‘dropArea’); const fileInput = document.getElementById(‘fileInput’); const results = document.getElementById(‘results’); const previewImage = document.getElementById(‘previewImage’); const fileName = document.getElementById(‘fileName’); const fileSize = document.getElementById(‘fileSize’); const compressedSize = document.getElementById(‘compressedSize’); const savings = document.getElementById(‘savings’); const progressBar = document.getElementById(‘progressBar’); const downloadBtn = document.getElementById(‘downloadBtn’); const formatBtns = document.querySelectorAll(‘.format-btn’); // State let currentFile = null; let compressedBlob = null; let selectedFormat = ‘original’; // Event Listeners dropArea.addEventListener(‘click’, () => fileInput.click()); fileInput.addEventListener(‘change’, (e) => { if (e.target.files.length) { handleFile(e.target.files[0]); } }); dropArea.addEventListener(‘dragover’, (e) => { e.preventDefault(); dropArea.style.borderColor = ‘#5fcf80’; dropArea.style.backgroundColor = ‘#f0fff4’; }); dropArea.addEventListener(‘dragleave’, () => { dropArea.style.borderColor = ‘#ccc’; dropArea.style.backgroundColor = ‘white’; }); dropArea.addEventListener(‘drop’, (e) => { e.preventDefault(); dropArea.style.borderColor = ‘#ccc’; dropArea.style.backgroundColor = ‘white’; if (e.dataTransfer.files.length) { handleFile(e.dataTransfer.files[0]); } }); formatBtns.forEach(btn => { btn.addEventListener(‘click’, () => { formatBtns.forEach(b => b.classList.remove(‘active’)); btn.classList.add(‘active’); selectedFormat = btn.dataset.format; }); }); downloadBtn.addEventListener(‘click’, downloadImage); // Functions function handleFile(file) { if (!file.type.match(‘image.*’)) { alert(‘Please upload an image file.’); return; } currentFile = file; // Display file info fileName.textContent = file.name; fileSize.textContent = formatFileSize(file.size); // Show preview const reader = new FileReader(); reader.onload = (e) => { previewImage.src = e.target.result; compressImage(e.target.result); }; reader.readAsDataURL(file); } function compressImage(imageData) { progressBar.style.width = ‘0%’; results.style.display = ‘block’; // Create an image element to work with const img = new Image(); img.onload = function() { // Calculate target dimensions (reduce by 10-30% depending on original size) const scaleFactor = Math.min(0.9, Math.max(0.7, 1 – (img.width * img.height) / (2000 * 2000) * 0.2)); const canvas = document.createElement(‘canvas’); const ctx = canvas.getContext(‘2d’); // Set canvas dimensions canvas.width = img.width * scaleFactor; canvas.height = img.height * scaleFactor; // Draw image on canvas (this is where resizing happens) ctx.drawImage(img, 0, 0, canvas.width, canvas.height); // Simulate compression progress let progress = 0; const progressInterval = setInterval(() => { progress += 5; progressBar.style.width = `${progress}%`; if (progress >= 90) clearInterval(progressInterval); }, 50); // Convert to Blob with quality reduction setTimeout(() => { canvas.toBlob((blob) => { compressedBlob = blob; // Update UI with compressed info compressedSize.textContent = formatFileSize(blob.size); const saved = ((currentFile.size – blob.size) / currentFile.size * 100).toFixed(1); savings.textContent = `(saved ${saved}%)`; progressBar.style.width = ‘100%’; // Scroll to results results.scrollIntoView({ behavior: ‘smooth’ }); }, ‘image/jpeg’, 0.7); // 0.7 quality for JPEG }, 1000); }; img.src = imageData; } function downloadImage() { if (!compressedBlob) return; let blobToDownload = compressedBlob; let extension = currentFile.name.split(‘.’).pop().toLowerCase(); let mimeType = compressedBlob.type; // Convert to selected format if needed if (selectedFormat !== ‘original’) { const canvas = document.createElement(‘canvas’); const ctx = canvas.getContext(‘2d’); const img = new Image(); img.onload = function() { canvas.width = img.width; canvas.height = img.height; ctx.drawImage(img, 0, 0); let quality = 0.8; let newMimeType; switch(selectedFormat) { case ‘webp’: newMimeType = ‘image/webp’; extension = ‘webp’; break; case ‘jpg’: newMimeType = ‘image/jpeg’; extension = ‘jpg’; break; case ‘png’: newMimeType = ‘image/png’; extension = ‘png’; quality = 1.0; // PNG is lossless break; case ‘avif’: newMimeType = ‘image/avif’; extension = ‘avif’; break; } canvas.toBlob((blob) => { const url = URL.createObjectURL(blob); const a = document.createElement(‘a’); a.href = url; a.download = currentFile.name.replace(/\.[^/.]+$/, ”) + ‘_compressed.’ + extension; document.body.appendChild(a); a.click(); setTimeout(() => { document.body.removeChild(a); URL.revokeObjectURL(url); }, 100); }, newMimeType, quality); }; img.src = URL.createObjectURL(compressedBlob); return; } // Download original format const url = URL.createObjectURL(blobToDownload); const a = document.createElement(‘a’); a.href = url; a.download = currentFile.name.replace(/\.[^/.]+$/, ”) + ‘_compressed.’ + extension; document.body.appendChild(a); a.click(); setTimeout(() => { document.body.removeChild(a); URL.revokeObjectURL(url); }, 100); } function formatFileSize(bytes) { if (bytes === 0) return ‘0 Bytes’; const k = 1024; const sizes = [‘Bytes’, ‘KB’, ‘MB’, ‘GB’]; const i = Math.floor(Math.log(bytes) / Math.log(k)); return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ‘ ‘ + sizes[i]; } })(); .format-btn.active { background: #5fcf80 !important; color: white !important; border: none !important; } @media (max-width: 600px) { .image-compressor-container { padding: 15px !important; } .upload-area { padding: 20px !important; } .result-card { flex-direction: column !important; text-align: center !important; } .image-preview { margin-right: 0 !important; margin-bottom: 15px !important; } .format-options { flex-wrap: wrap !important; justify-content: center !important; } }

December 8, 2024

Tips and Tricks for Blogging

“How to Start a Successful Blog in 2024”
A comprehensive manual for novices that covers platforms, writing techniques, and niche selection.

“Top 10 Blogging Tools Every Blogger Must Use”
Emphasize your productivity, content production, and SEO tools.

“How to Write Blog Posts That Rank on Google”
Useful advice on content improvement, keyword research, and SEO.

Our Related Work

portfolio-image

Shayaan BirthDay

Ready to Get Started?

Take the first step towards achieving your goals! Whether you’re looking for expert guidance or tools to simplify your journey, we’re here to help you succeed. Discover tailored solutions designed just for you.

Get Started

Hurry Up!

Limited Time OnlyBook Your Seat Now

Remember, effective mobile web design is an ongoing process. By prioritizing mobile design, you’ll position yourself for success in today’s mobile-driven world.

Buy ticket now