تنظیم اندازه پست شبکههای اجتماعی
یک عکس افقی از گوشی دارید و به یک پست 1:1 برای Instagram نیاز دارید؟ به 1:1 قفل کنید، بکشید تا سوژه در مرکز قرار گیرد، دانلود کنید. پیشتنظیمهای 4:5 عمودی، 9:16 Stories و 16:9 YouTube بقیه را پوشش میدهند.
بکشید تا برش بزنید، به نسبتهای ابعاد استاندارد (1:1، 4:5، 16:9، 9:16، …) قفل کنید، بچرخانید و آینه کنید، و بهصورت PNG / JPG / WebP خروجی بگیرید. همه در مرورگر شما — بدون آپلود، بدون ثبتنام.
پست مربعی Instagram: 1:1. پست عمودی Instagram: 4:5. Stories در Instagram / Facebook / TikTok / YouTube: 9:16. تامبنیل ویدیوی YouTube: 16:9 (حداقل 1280×720). تصویر پست X (Twitter): 16:9 یا 1:1. پست LinkedIn: 1.91:1 (نزدیک به 16:9). عکس DSLR / دوربین گوشی: 3:2. کلاسیک ۳۵ میلیمتری یا دیجیتال قدیمی: 4:3.
بله. canvas روی صفحه برای نمایش کوچک میشود، اما محاسبات برش در فضای مختصات منبع (پیکسلهای اصلی) انجام میشود. وقتی روی دانلود کلیک میکنید، canvas خروجی دقیقاً به ابعاد پیکسلی برشخوردهٔ منبع تنظیم میشود — هیچ افت کیفیتی از مقیاسبندی روی صفحه وجود ندارد. منبع 4000×3000 که به مربع 1000×1000 برش داده شود، بهصورت تصویر 1000×1000 با کیفیت کامل خروجی میگیرد.
هر اندازهای که واقعاً نیاز دارید، هر تبدیلی که واقعاً استفاده میکنید — بدون نیاز به Photoshop.
هر یک از ۸ دستگیره گوشه / لبه را بکشید تا اندازه کادر برش را تغییر دهید، یا خود کادر را بکشید تا جابهجا شود. شبکه قانون یکسوم به ترکیببندی کمک میکند.
قفل به 1:1 (مربع / IG / پروفایل)، 4:5 (IG عمودی)، 9:16 (Stories / Reels / TikTok)، 16:9 (YouTube)، 3:2 / 2:3 (DSLR)، 4:3 (کلاسیک)، یا حالت آزاد. دستگیرههای گوشه نسبت قفلشده را هنگام تغییر اندازه حفظ میکنند.
با یک کلیک ۹۰ درجه به چپ / راست بچرخانید و بهصورت افقی / عمودی آینه کنید. تبدیلها پیش از برش اعمال میشوند، بنابراین کادری که کشیدهاید دقیق باقی میماند.
ذخیره بهصورت PNG (بدون اتلاف)، JPG (با اسلایدر کیفیت ۵۰–۱۰۰٪)، WebP (بهترین فشردهسازی، حدود ۳۰٪ کوچکتر از JPG با همان کیفیت بصری)، یا حفظ فرمت ورودی.
هر بایت روی دستگاه شما باقی میماند. تصویر در مرورگر دیکد میشود، روی یک canvas برش میخورد، با canvas.toBlob خروجی میگیرد. DevTools → Network را باز کنید و خواهید دید هیچ درخواست خروجی وجود ندارد.
JavaScript خالص، بدون runtime فریمورک. بارگذاری اولیه زیر ۲۵ کیلوبایت gzipشده است. برش یک تصویر ۴۰۰۰ × ۳۰۰۰ پیکسلی و خروجی گرفتن کمتر از ۲۰۰ میلیثانیه طول میکشد.
چهار گام از رها کردن تا دانلود.
هر فایل تصویری (JPG، PNG، WebP، AVIF، GIF، BMP) را روی منطقه رها کشیده و بیندازید، روی انتخاب فایل کلیک کنید، یا فقط با Ctrl/Cmd+V از کلیپبورد جایگذاری کنید. تصویر بهصورت محلی در مرورگر شما دیکد میشود — هیچ چیز آپلود نمیشود.
یک پیشتنظیم متناسب با محل استفاده تصویر انتخاب کنید — 1:1 برای Instagram مربعی، 4:5 برای IG عمودی، 9:16 برای Stories / Reels / TikTok، 16:9 برای YouTube، 3:2 برای عکس بهشکل DSLR. یا برای هر نسبت دلخواه روی «آزاد» بمانید.
۸ دستگیره گوشه / لبه را بکشید تا اندازه کادر برش را تغییر دهید، یا خود کادر را بکشید تا جابهجا شود. شبکه قانون یکسوم به شما در ترکیببندی کمک میکند. وقتی نسبت ابعاد قفل است، دستگیرههای گوشه نسبت را بهصورت خودکار حفظ میکنند. اگر منبع وارونه یا آینهشده است از چرخش / آینه استفاده کنید.
فرمت خروجی را انتخاب کنید — فرمت ورودی را حفظ کنید، یا به PNG (بدون اتلاف)، JPG (اسلایدر کیفیت ۵۰–۱۰۰٪)، یا WebP (کوچکتر از JPG با همان کیفیت بصری) تبدیل کنید. روی دانلود کلیک کنید و فایل با وضوح کامل منبع ذخیره میشود — هیچ افت کیفیتی از پیشنمایش روی صفحه نیست.
چهار سناریوی متداول که در آن یک برشدهنده مرورگری با اولویت حریم خصوصی بهتر از باز کردن Photoshop است.
یک عکس افقی از گوشی دارید و به یک پست 1:1 برای Instagram نیاز دارید؟ به 1:1 قفل کنید، بکشید تا سوژه در مرکز قرار گیرد، دانلود کنید. پیشتنظیمهای 4:5 عمودی، 9:16 Stories و 16:9 YouTube بقیه را پوشش میدهند.
بیشتر پلتفرمها 1:1 را اجباری میکنند. به مربع قفل کنید، چهره سوژه را در یکسوم بالایی قرار دهید (بهتر از مرکز کامل)، دانلود کنید. نتیجه برای LinkedIn، Twitter / X، GitHub، Slack، Discord و اینترانتهای شرکتی مناسب است.
پلتفرمهای تجارت الکترونیک نسبتهای یکنواخت میخواهند — Shopify، Etsy، Amazon، Shopee همه 1:1 یا 4:5 را ترجیح میدهند. یک دسته از عکسهای گوشی را به نسبت موردنیاز پلتفرم با شبکه قانون یکسوم برای ثبات ترکیببندی برش دهید.
اسکرینشاتهای گوشی شامل نوار وضعیت، عناصر ناوبری و سرریز اپلیکیشن هستند. اسکرینشات را رها کنید، کادر برش را بکشید تا فقط محتوا حفظ شود، و بهصورت PNG (بدون اتلاف) دانلود کنید تا اسکرینشاتهای UI تمیز بدون آرتیفکتهای فشردهسازی مجدد داشته باشید.
عکسها و اسکرینشاتها هرگز دستگاه شما را ترک نمیکنند. DevTools → Network را باز کنید و خواهید دید در طول برش، تبدیل یا دانلود هیچ درخواست خروجی وجود ندارد.
مطالب دستچینشده درباره اندازههای شبکههای اجتماعی، ترکیببندی عکس و حریم خصوصی تصویر.
Every platform's required dimensions in one cheatsheet. Plus the aspect ratios that work without cropping on each.
A working photographer's guide to composition. Worked examples for portraits, landscapes, product shots, and social posts.
پست مربعی Instagram: 1:1. پست عمودی Instagram: 4:5. Stories در Instagram / Facebook / TikTok / YouTube: 9:16. تامبنیل ویدیوی YouTube: 16:9 (حداقل 1280×720). تصویر پست X (Twitter): 16:9 یا 1:1. پست LinkedIn: 1.91:1 (نزدیک به 16:9). عکس DSLR / دوربین گوشی: 3:2. کلاسیک ۳۵ میلیمتری یا دیجیتال قدیمی: 4:3.
بله. canvas روی صفحه برای نمایش کوچک میشود، اما محاسبات برش در فضای مختصات منبع (پیکسلهای اصلی) انجام میشود. وقتی روی دانلود کلیک میکنید، canvas خروجی دقیقاً به ابعاد پیکسلی برشخوردهٔ منبع تنظیم میشود — هیچ افت کیفیتی از مقیاسبندی روی صفحه وجود ندارد. منبع 4000×3000 که به مربع 1000×1000 برش داده شود، بهصورت تصویر 1000×1000 با کیفیت کامل خروجی میگیرد.
دوربینهای گوشی بهجای چرخاندن خود پیکسلها، یک تگ جهتگیری EXIF تعبیه میکنند. برخی مرورگرها (از جمله Safari قدیمیتر) این را بهصورت خودکار اعمال میکنند، برخی دیگر نه. اگر تصویر شما به پهلو به نظر میرسد، روی دکمه چرخش کلیک کنید — برشدهنده از نسخه با جهتگیری صحیح برای برش و خروجی استفاده میکند.
بله. JPG یک فرمت با اتلاف است، بنابراین هر ذخیره از طریق canvas.toBlob('image/jpeg') شامل رمزگذاری مجدد میشود. بهطور پیشفرض کیفیت ۹۲٪ است (برای بیشتر عکسها از منبع از نظر بصری قابل تشخیص نیست). اگر به وفاداری کامل بیتبهبیت نیاز دارید، فرمت خروجی PNG (بدون اتلاف) یا WebP (برای فایلهای حدود ۳۰٪ کوچکتر با همان کیفیت بصری) را انتخاب کنید.
خیر. فایل با FileReader خوانده میشود، در یک Image مرورگر دیکد میشود، روی یک canvas رسم میشود و با canvas.toBlob خروجی میگیرد. هر مرحله در JavaScript روی دستگاه شما اتفاق میافتد. DevTools → Network را باز کنید و خواهید دید در طول برش یا دانلود هیچ درخواست خروجی وجود ندارد. ما از یک cookie برای وضعیت رضایت cookie و یکی برای ترجیح زبان استفاده میکنیم، همین.