تغییر تصاویر با PHP در دو صوت

سلام به همه دوستان گرامی . در اینجا میخوام بهتون آموزش بدم چجوری با استفاده از PHP تصاویر خودتون رو تغییر بدید بدون اینکه مجبور باشید کدنویسی کنید 😀

خیلی وقت ها شده که موقع برنامه نویسی با PHP میخوایم سایز یه عکس رو تغییر بدیم یا اینکه میخایم یه عکس روز از png به jpg (یا هر نوع دیگه ای) تبدیل کنیم اما انقد برنامه نویسی سخت میشه که دیگه اعصابمون بهم میریزه 😐 من در اینجا میخوام یکی از کتابخونه های معروف PHP رو بهتون آموزش بدم تا بتونید با استفاده از اون کارهای خودتون رو ساده تر و سریعتر انجام بدید.

کتابخونه ای که برای کار کردن با تصاویر در PHP میخوام بهتون معرفی کنم wideimage نام داره , این کتابخونه رو میتونید از سایت اصلیش یعنی اینجا (کلیک کنید) دانلود کنید یا اینکه از انتهای همین پست دانلودش کنید.

وقتی که دانلود کردید یک پوشه با نام lib وجود داره که فایل های اصلی کتابخونه درون اون قرار گرفته , کافیه که فایل WideImage.php که درون پوشه ی lib قرار داره رو به صفحه ی خودتون include کنید و از کار کردن با تصاویر در PHP لذت ببرید. اگه دوسدارید بدونید که چجوری میشه با این کتابخون کار کرد با ادامه ی اموزش همراه باشید.

توسط کتابخونه ی wideimage میتونید کارهای زیر رو انجام بدید:

  1. قابلیت ویرایش تصاویر از نوع GIF, PNG, JPG, GD, GD2, WBMP, XBM, XPM , bmp رو خواهید داشت.
  2. قابلیت تبدیل نوع تصاویر به یکدیگر را خواهید داشت مثلا شما میتونید یک تصویر PNG رو به JPG تبدیل کنید.
  3. امکان تغییر سایز تصویر بر حسب درصد (%) و پیکسل وجود خواهد داشت.
  4. قابلیت بریدن یا Crop کردن تصاویر
  5. قابلیت افزودن لوگو یا واترمارک به تصویر (watermark)
  6. قابلیت ترکیب دو تصویر (مثلا دوتا عکس رو به هم بچسبونید)
  7. قابلیت گرد کردن لبه های تصویر (مثل border-radius توی css)
  8. قابلیت چرخاندن (Rotate) تصویر
  9. قابلیت ایجاد فیلتر های مختلف روی تصویر مثلا sharp کردن تصویر
  10. سیاه سفید کردن و نگاتیو کردن تصویر
  11. ایجاد ماسک روی تصویر (مثلا تصویر رو به صورت یه قلب برش بدید)
  12. و خیلی چیزای دیگه که چون لیست طولانی شد نمیگم 😀 اگه خواستید بپرسید تا براتون ایمیل کنم!!!!

دوستان گرامی چون موارد خیلی زیاد هست همه رو نمیشه توی یه پست آموزش داد بنابراین موارد رو توی چندین پست به مرور زمان آموزش میدم بهتون.

در اینجا به نحوه ی تبدیل تصاویر به یکدیگر و همچنین تغییر سایز تصاویر میپردازیم.

تبدیل تصاویر به یکدیگر : برای تبدیل تصاویر از نوعی به نوع دیگه مثلا از png به jpg باید ابتدا کتابخونه ی wideimage رو به صفحه خودمون اظافه کنیم و سپس فایل عکس خودمون رو لود کرده و به یک نوع دیگه ای تبدیلش کنیم , به مثال زیر دقت کنید:

در مثال بالا عکس خودمون رو توسط متد (تابع) load لود کردیم و درون یک متغیر image قرار دادیم. و سپس تابع saveToFile رو با عکسی که لود کردیم یعنی همون متغیر image اجرا کردیم و عکس درون متغیر image رو با پسوند متفاوتی ذخیره کردیم , به همین راحتی 😀

تغییر سایز تصاویر : برای تغییر سایز تصاویر نیز مثل روش بالا عمل میکنیم ابتدا عکس خودمون رو لود میکنیم و سپس تغییر اندازه میدیمش و در مرحله اخر نیز ذخیره میکنیمش , به مثال زیر دقت کنید:

ابتدا عکس رو لود کردیم و درون متغیر image قرار دادیم , در مرحله بعد عکسی که درون متغیر image هست رو با استفاده از تابع resize به ۵۰ پیکسل در ۵۰ پیکسل تغییر اندازه دادیم و درون متغیر newimage قرار دادیم. , دقت کنید که عدد ۵۰ یعنی بر مبنای پیکسل و نیازی نیست که باهاش px رو درج کنید.

برای ذخیره کردن عکس خودمون با سایز جدید فقط کافیه که تابع saveToFile رو روی متغیر newimage اجرا کنید تا ذخیره بشه 😀 به همین راحتی.

اگه خواستید که تغییر اندازه رو بر حسب درصد اعمال کنید کافیه که سایزها رو درون کوتیشن یا دابل کوتیشن (” یا ‘) به همراه % قرار بدید. به مثال زیر دقت کنید :

در مثال بالا از علامت % استفاده کردیم که سایز عرض و ارتفاع عکس نهایی ۷۰% عکس اصلی خواهد بود (یعنی ۳۰ درصد از عرض و ارتفاعش کم کردیم) , در حالتی که میخواید سایز رو بر حسب پیکسل بیان کنید نیازی به درج واحد پیکسل نیست و فقط کافیه که عدد بدید اما در حالتی که بر حسب درصد بیان میکنید نیاز است که عدد و درصد (%) طبق مثال بالا درون کوتیشن یا دابل کوتیشن قرار بگیرند.

همچنین دوستان عزیز دقت کنید که نیازی نیست که حتی از متغیر استفاده کنید. من در مثال بالا اومدم اول عکس رو لود کردم و بعدش عمل resize رو انجام دادم و بعدش عکس تغییر سایز داده شده رو ذخیره کردم بدون اینکه از متغیری استفاده کنم 😀

نکته : در کتابخونه ی wideimage شما تنها به محتویات داخل پوشه ی lib نیاز خواهید داشت و میتونید بجز پوشه ی lib بقیه ی موارد که درون کتابخونه هست رو پاک کنید (بقیه موارد شامل مستندات و مثال ها میشه)

امیدوارم که از این اموزش لذت برده باشید , در اموزش های بعدی کتابخونه ی wideimage رو بیشتر آموزش خواهم داد 🙂 دوستانی که سوال دارند میتونن سوال خودشون رو از انتهای همین پست مطرح کنند و همچنین کتابخونه ی wideimage رو میتونید از انتهای همین پست نیز دانلود کنید.

کتابخونه ی wideimage
کتابخونه ی wideimage
wideimage-11.02.19-full_2.zip
Version: 11.02.19
926.3 KiB
398 Downloads
اطلاعات بیشتر
به اشتراک بگذارید:Email this to someoneShare on FacebookTweet about this on TwitterShare on Google+Digg thisShare on LinkedInPin on PinterestShare on StumbleUponFlattr the authorShare on RedditBuffer this pageShare on TumblrPrint this pageShare on YummlyShare on VK

می‌خواهید دیدگاهتان را بیان کنید؟