ابزار برش و تغییر اندازه تصاویر
سالهاست که در وبلاگها، مجلههای آنلاین و ... از تصویری شاخص برای رساندن پیام یک پست استفاده میشود. این تصویر به خواننده کمک میکنه تا سر رشتهای از مطلبی که قرار هست بخونه را متوجه بشه. تصویری مرتبط با مطلب که ذهن خواننده رو برای شروع آماده میکنه. اما معمولا این تصویر شاخص بین وبلاگنویسها و مخصوصا وبلاگنویسهای کلاسیک مورد استفاده قرار نمیگیره.
طراحها و سازندگان قالب هم کمتر از این امکان استفاده میکنند و به تازگی در قالب جدید بیان با نام «نوین» و یا قالبهای گالری عکس مثل «دوربین» از این قابلیت استفاده شده. همچنین بنده هم در قالب هیراکا که نوروز ۱۳۹۹ منتشر کردم از این قابلیت استفاده کردم.
به وبلاگ دوستانی که از قالب هیراکا استفاده میکردند سر زدم و متوجه مشکلی ساختاری در استفاده از امکان تصویر شاخص شدم. نویسنده، تصاویر شاخص را با هر ابعادی به پستش اضافه میکنه و قالب که بر اساس ابعاد مشخصی طراحی شده، به طول کامل، از نظم و هماهنگی خودش خارج شده و این قابلیت قالب بی استفاده رها میشه.
در عصر وبلاگهای کلاسیک، تصویر شاخص معنایی نداشت، اما با گسترش وب و محتوا، استفاده از تصاویر و مدیا تبدیل به یک نیاز شد و سرویس بیان در میانه این عصر بود که از توسعه بازماند و از امکان تصویر شاخص، تنها توانایی قرار دادن یک نشانی تصویر وجود داره و امکانی برای دریافت خروجی تصاویر با ابعاد و اندازههای مورد نیاز قالب وجود نداره و شما برای هر تصویر بایستی وارد برنامه ویرایش تصاویر مثل فوتوشاپ شده و اندازه و نسبتهای ابعاد را بر اساس نیاز قالب خودتون تنظیم و تولید کنین.
این مشکل رو در قالبهای نوین و غیره هم میشه دید که تصاویر یا از کادر بیرون زده هستن یا کشیده شده دیده میشن و یا انقدر که اندازه بزرگ و حجم بالایی دارن که خیلی کند بارگزاری میشن. حل این مشکل موضوعی زیرساختی هست اما اینجا میخوام با استفاده از ابزاری که به ما امکان برش و تغییر اندازه تصاویر در نسبتهای تصویری استاندارد رو میده، تا حد قابل قبولی این مشکل رو رفع کنم:
ابزار برش و تغییر اندازه تصاویر
نحوه استفاده از ابزار برش و تغییر اندازه
دکمه آپلود از دستگاه
دکمه بارگذاری تصویر با نشانی آنلاین
دقت کنین که در روش نشانی آنلاین تصویر سعی کنین که از فایلهای تا حد امکان از سایتهای آپلود تصاویر عمومی مثل بیانباکس، پیکوفایل و ... استفاده کنین چرا که ممکنه با خطای Cross-Origin Resource Sharing (CORS) روبرو بشین و امکان استفاده از تصویر رو نداشته باشین.
دکمه پیشنمایش و دانلود
دکمه حالت حرکت دادن یا تغییر مکان
دکمه حالت برش
تفاوت دکمههای برش و حرکت
دکمههای زوم
نسبت ابعاد ۱ به ۱
نسبت ابعاد ۲ به ۳
نسبت عریض ۳ به ۲
نسبت عریض ۴ به ۳
نسبت عریض ۱۶ به ۹
نسبت دلخواه
دکمههای تغییر اندازه خروجی ابزار
همکاری در توسعه و گزارش خطا
ابزار برش و تغییر اندازه تصاویر در وبسایت «گیتهاب» و با مجوز «MIT» منتشر شده است. یکی از اهداف انتشار این ابزار کمک به توسعه و بهبود محیط بلاگ بیان برای استفادهی هر چه بیشتر و بهتر وبلاگنویسان است و اگر شما نیز با این هدف موافق بوده و قصد همکاری در این پروژه را دارید میتوانید به مخزن این قالب در گیتهاب مراجعه کرده و با ستاره دادن به پروژه، «Fork» کردن پروژه و افزودن ویژگیهای جدید به آن و همچنین گزارش خطا در بخش «Issues» مخزن ابزار «برش و تغییر اندازه تصویر» در گیتهاب و همچنین در بخش کامنتهای همین پست، به بهبود و گسترش یک قالب ساده و زیبا برای وبلاگنویسان مختلف کمک کنید.
تا حالا۶ تا نظر داشتیم!
دست مریزاد واقعا ابزار خیلی خوب و کاربردی هستش :) خسته نباشی آقا محمدرضا!
روزی هفت هشت بار دعاتون میکنم به خاطر این ابزار::)) دمتون گرم