قبلاً مقاله ای در مورد چگونگی کاهش حجم یک فایل تصویری  با استفاده از گزینه ایمیل داخلی در Explorer یا با استفاده از یک برنامه دسکتاپ به نام Image Resizer برای ویندوز^(Windows) نوشتم . اینها گزینه های خوبی هستند، اما چندین راه دیگر برای بهینه سازی یک تصویر وجود دارد. همچنین، بسیاری از وب سایت ها به شما می گویند که از Paint استفاده کنید ، اما من متوجه شده ام که این روش خوبی نیست زیرا تصاویر بسیار بدتر به نظر می رسند.

در مرحله اول، درک این نکته مهم است که برخی از روش‌های مورد استفاده برای کاهش اندازه یک تصویر منجر به کیفیت پایین‌تری تصویر می‌شوند که ممکن است برای یک وب‌سایت خوب باشد، اما برای چاپ مناسب نیست. این معمولاً زمانی اتفاق می‌افتد که وضوح تصویر را تغییر دهید، مثلاً از 2560×1440 به 1920×1080.

روش دیگر برای کاهش اندازه تصویر فشرده سازی تصویر است. دو نوع فشرده سازی وجود دارد: بدون اتلاف و اتلاف. فشرده^(Lossless) سازی بدون از دست دادن اندازه تصویر را بدون از دست دادن حتی یک پیکسل از فایل اصلی کاهش می دهد. Lossy به این معنی است که برخی از داده ها از بین خواهند رفت.

در نهایت، فرمت تصویر نیز تفاوت زیادی در اندازه فایل ایجاد می کند. یک عکس معمولی که از دوربین خود می گیرید احتمالاً یک تصویر JPG خواهد بود زیرا از نظر فشرده سازی خوب عمل می کند. با این حال، اگر از GIF^(GIF) استفاده کنید، تصاویر با رنگ های کمی (256 رنگ یا کمتر) بسیار کوچکتر خواهند بود . PNG یک فرمت بدون اتلاف است که می تواند به شدت فشرده شود. برای گرافیک های وب و عکس های پیچیده به خوبی کار می کند.

در این مقاله چند نمونه با اسکرین شات از فشرده سازی یک تصویر با استفاده از فرمت های مختلف ارائه می کنم تا بتوانید تفاوت های اندازه و کیفیت را ببینید.

چگونه اندازه تصویر را کاهش دهیم

بیایید با صحبت در مورد چگونگی کاهش اندازه تصویر بدون از دست دادن کیفیت شروع کنیم. این کار با حفظ کیفیت اصلی تصویر، کوچکترین فایل را در اختیار شما قرار می دهد. بدیهی است که استفاده از فشرده سازی با اتلاف، فایل های بسیار کوچک تری را در اختیار شما قرار می دهد، همانطور که در مثال های زیر مشاهده می کنید، اما کمی کیفیت را از دست خواهید داد.

فرمت و فشرده سازی

ابتدا اجازه دهید با یک گرافیک رنگی مسطح شروع کنیم. به عنوان مثال، من فقط یک اسکرین شات از وب سایت HDG (600×319) گرفتم زیرا رنگ های کمی دارد و پیچیده نیست. در اینجا اندازه فایل ها در فرمت های مختلف بدون فشرده سازی آمده است:

GIF اصلی: 27 کیلوبایت

JPEG اصلی: 67 کیلوبایت

PNG اصلی: 68 کیلوبایت

همانطور که می بینید، فایل های PNG و GIF قطعا واضح تر از JPEG هستند. همانطور که قبلا ذکر شد، JPEG برای عکاسی بهتر است. GIF در اینجا خوب عمل می کند زیرا در مقایسه با PNG که 68 کیلوبایت است فقط 27 کیلوبایت است. با این حال، در تجربه من، PNG^(PNGs) ها اگر فشرده سازی با اتلاف باشد و کیفیت تصویر همچنان بسیار خوب باشد، بسیار بهتر فشرده می شوند.

هنگامی که من یک فشرده سازی بدون اتلاف سه مورد را انجام دادم، فقط تصاویر JPG و PNG از نظر اندازه کاهش یافتند، اما نه خیلی. PNG به 45 کیلوبایت و JPG به 58 کیلوبایت رسید. وقتی فشرده‌سازی با اتلاف انجام دادم، اعداد PNG چشمگیرترین بودند.

GIF گمشده: 22 کیلوبایت

JPEG از دست رفته: 50 کیلوبایت

PNG از دست رفته: 23 کیلوبایت

همانطور که می بینید، PNG بهترین به نظر می رسد و تنها 1 کیلوبایت از ^(PNG)GIF بزرگتر است ! به همین دلیل است که من از تصاویر PNG در این وب سایت برای اکثر اسکرین شات های خود استفاده می کنم. JPEG همیشه برای عکاسی با رنگ های زیاد بهتر است. اما به یاد داشته باشید، JPG فقط 16 بیتی است، در حالی که PNG 24 بیتی است، بنابراین JPG از میلیون ها رنگ پشتیبانی می کند، اما PNG از رنگ های نامحدود پشتیبانی می کند.

GIF تنها 5 کیلوبایت کاهش یافت، اما در عین حال کیفیت زیادی را از دست داد. JPG زیاد فشرده نمی شود، اما JPG ها^(JPGs) معمولاً به خوبی PNG^(PNGs) فشرده نمی شوند.

می توانید از برنامه عکس خود برای تغییر فرمت یک تصویر استفاده کنید تا ببینید کدام اندازه کوچکتر است. برای فشرده‌سازی، توصیه می‌کنم از ابزارهای آنلاین استفاده کنید زیرا کار بسیار خوبی انجام می‌دهند. من شخصاً از Kraken.io برای وب‌سایت‌هایم استفاده می‌کنم، اما موارد خوب دیگری مانند TinyPNG  و Optimizilla وجود دارد .

تغییر وضوح تصویر

راه اصلی برای کوچک کردن یک تصویر، کاهش وضوح تصویر است. اگر فایلی با ابعاد 4000×2500 دارید، با کاهش اندازه به 2000×1250 اندازه فایل نصف می شود. بدیهی است که شما بخش بزرگی از تصویر اصلی را در داده ها از دست خواهید داد، اما بسته به هدف شما، ممکن است مهم نباشد.

هر برنامه ویرایش تصویر راهی برای تغییر یا تغییر اندازه تصویر دارد. در اینجا می توانید عرض/ارتفاع یا وضوح را تغییر دهید که معمولاً نقطه در اینچ ( DPI ) یا پیکسل در اینچ ( PPI ) است. این مقاله عالی در مورد تفاوت بین DPI و PPI^{(difference between DPI and PPI)} را بخوانید . برای هر چیزی در وب، فقط باید نگران پیکسل ها باشید، نه نقطه ها. نقطه^(Dots) ها فقط بر روی تصاویر چاپ شده تأثیر می گذارند.

بنابراین، به عنوان مثال، وب سایت من فقط می تواند تصاویری تا 680 پیکسل داشته باشد. بنابراین^(Therefore) ، من همیشه اندازه یک تصویر را قبل از آپلود به 680 پیکسل یا کمتر تغییر می‌دهم، زیرا در غیر این صورت وردپرس^(WordPress) برای من اندازه آن را به 680 پیکسل تغییر می‌دهد، اما اندازه فایل بزرگتر از آن چیزی است که باید باشد.

اگر می‌خواهید در مورد عدد 72 پیکسل/اینچ و گزینه نمونه‌گیری مجدد اطلاعات بیشتری کسب کنید، این پست عالی را^{(excellent post)} که به جزئیات زیاد می‌پردازد، بررسی کنید.

تغییر عمق/حالت رنگ

در مثال بالا، اگر تصویری با چند رنگ دارید، دیگر نیازی به استفاده از فرمت تصویری که میلیون ها رنگ را پشتیبانی می کند ندارید. در مثال صفحه وب من، GIF فقط باید از رنگ Indexed و 8 بیت/کانال پشتیبانی کند.

می توانید رنگ RGB و 16 بیت/کانال را انتخاب کنید، اما تصویر دقیقاً یکسان به نظر می رسد، اما اندازه فایل بزرگتری دارد. می توانید اطلاعات بیشتری در مورد این حالت های رنگی^{(colors modes)} در وب سایت Adobe بخوانید. علاوه بر فتوشاپ^(Photoshop) ، اکثر ویرایشگرهای تصویر نیز به شما امکان می دهند عمق رنگ/حالت تصویر را تغییر دهید.

برش تصویر

یکی دیگر از راه های آسان برای کاهش اندازه یک تصویر، برش دادن آن است! هر چیزی که برش داده شود از تصویر حذف می شود. مهم نیست که چه تصویری دارید، به طور معمول می توانید حداقل کمی آن را برش دهید، که قطعا به کاهش اندازه کمک می کند.

و توجه داشته باشید که یک برش فقط نباید نمونه معمولی باشد که در آن چیزها را از بالا/پایین یا چپ/راست برش می دهید. ویرایشگر SnagIt^{(SnagIt Editor)} ، یکی از موارد مورد علاقه من، دارای یک ابزار برش است که به شما امکان می دهد بخش هایی از تصاویر را از وسط یک تصویر به صورت افقی یا عمودی برش دهید. این بیشتر از چیزی که فکرش را می کنید مفید است. در اینجا یک مثال است که در آن هنگام تایپ یک دستور، باید یک اسکرین شات از منوی Start اضافه کنم.^(Start)

حجم فایل بالا در ابتدا 22 کیلوبایت بود. به جای استفاده از آن، قسمت میانی را برش دادم که مانند تصویر زیر به آن نیازی نداشتم.

اندازه فایل جدید فقط 9 کیلوبایت است! همه اینها حتی بدون انجام فشرده سازی یا تغییر فرمت فایل. وقتی آن را فشرده کردم، آن را به 4.4 کیلوبایت رساندم. بنابراین برش یک راه مهم برای کاهش اندازه یک تصویر است.

امیدواریم که اندازه تصویر خود را کاهش داده باشید و کمی در مورد نحوه عملکرد تصاویر دیجیتال در طول مسیر یاد بگیرید! اگر سوالی دارید، در کامنت بگذارید. لذت بردن!

How to Reduce the Size on an Image File

Previously, I wrotе an article on how to rеduce the size of an іmage file using the built-in email option in Explorеr or by using a desktop рrogrаm called Image Resizer for Windows. Thesе are good options, but there are several other wаys to go about optimizing an image. Αlso, a lot of websites will tell you to use Paint, but I have found it’s not a goоd method because the images look way worse.

Firstly, it’s important to understand that some methods used to reduce the size of an image will result in a lower quality picture, which may be fine for a website, but not for printing. This usually occurs when you change the resolution of a picture, say from 2560×1440 to 1920×1080.

Another way to reduce the size of an image is to compress the image. There are two types of compression: lossless and lossy. Lossless compression will reduce the size of the image without losing a single pixel of the original file. Lossy means that some data will be lost.

Finally, the picture format also makes a big difference in the size of the file. A normal picture you take from your camera will probably be a JPG image because that works well in terms of compression. However, images with few colors (256 colors or less) will be a lot smaller if you use GIF. PNG is a lossless format that can be highly compressed. It works well for web graphics and complex photographs.

In this article, I give a few examples with screenshots of compressing an image using multiple formats so you can see the size and quality differences.

How to Reduce Image Size

Let’s start off by talking about how you can reduce the size of the image without losing quality. This will give you the smallest file while keeping the original quality of the image. Obviously, using lossy compression will give you much smaller files, as you’ll see in the examples below, but you’ll lose some quality.

Format & Compression

First, let’s start with a flat color graphic. As an example, I just took a screenshot of the HDG website (600×319) since it has few colors and isn’t complex. Here are the files sizes in the different formats without any compression:

Original GIF: 27 KB

Original JPEG: 67 KB

Original PNG: 68 KB

As you can see, the PNG and GIF files are definitely sharper than the JPEG. As mentioned earlier, JPEG is better for photography. GIF does well here as it’s only 27 KB compared to the PNG, which is 68 KB. However, in my experience, PNGs compress much better if it’s a lossy compression and the image quality is still very good.

When I did a lossless compression of the three, only the JPG and PNG images got reduced in size, but not by much. The PNG went to 45 KB and the JPG went to 58 KB. When I did a lossy compression, the numbers for PNG were the most impressive.

Lossy GIF: 22 KB

Lossy JPEG: 50 KB

Lossy PNG: 23 KB

As you can see, the PNG looks the best and it’s only 1 KB bigger than the GIF! That’s why I use PNG images on this website for most of my screenshots. JPEG will always normally be better for photography images with lots of colors. But remember, JPG is only 16-bit, whereas PNG is 24-bit, so JPG supports millions of colors, but PNG supports unlimited colors.

The GIF only reduced by 5 KB, but at the same time lost a lot of quality. The JPG didn’t compress much, but JPGs normally don’t compress as well as PNGs do.

You can use your photo app to change the format for an image to see which size is smallest. For compression, I recommend using online tools as they do a great job. I personally use Kraken.io for my websites, but there are other good ones out there like TinyPNG and Optimizilla.

Change Image Resolution

The main way to shrink an image is to lower the picture resolution. If you have a file that is 4000×2500, then reducing the size to 2000×1250 will make the file half the size. You’ll obviously be losing a large chunk of the original image in the data, but depending on your purpose, it may not matter.

Every image editing program will have a way for you to change or resize the image. Here you can change the width/height or the resolution, which is normally dots per inch (DPI) or pixels per inch (PPI). Read this great article on the difference between DPI and PPI. For anything on the web, you only have to worry about pixels, not dots. Dots will only effect printed images.

So, for example, my website can only have images up to 680 pixels wide. Therefore, I always resize an image to 680 pixels or lower before uploading it because otherwise WordPress will resize it to 680px for me, but the file size will be larger than it needs to be.

If you want to understand more about the 72 pixels/inch number and the resample option, check out this excellent post that goes into great detail.

Change Color Depth/Mode

In the example above, if you have an image with only few colors, then you don’t need to use an image format that supports millions of colors. In my webpage example, the GIF only needs to support Indexed color and 8 bits/channel.

You can choose RGB color and 16 bits/channel, but the image would look exactly the same, but have a larger file size. You can read more about these colors modes on Adobe’s website. In addition to Photoshop, most image editors also let you change the color depth/mode for an image.

Crop Image

Another easy way to reduce the size of an image is to simply crop it! Anything that is cropped out will be completed removed from the image. No matter what image you have, you can normally crop it a little bit at least, which will definitely help reduce the size.

And note that a crop doesn’t just have to be the typical one where you cut out stuff from the the top/bottom or left/right. SnagIt Editor, one of my favorites, has a cut out tool that lets you cut out parts of images from the middle of an image horizontally or vertically. This comes in handy way more often than you would think. Here’s an example where I have to include a screenshot of the Start menu while typing a command.

The above file size was originally 22 KB in size. Instead of using that, I cut out the middle portion, which I didn’t need as shown below.

The new file size is just 9 KB! All that without even doing any compression or changing the file format. Once I compressed it, I got it down to only 4.4 KB. So cropping is an important way to reduce the size of an image.

Hopefully, you reduced the size of your image and learned a little bit about how digital images work along the way! If you have any questions, feel free to comment. Enjoy!

Related posts

• صادرات، پاک کردن، و افزایش اندازه برای گزارش رویدادها در ویندوز

• نحوه مشاهده اندازه صندوق پستی کاربر در Exchange 2007

• نقد و بررسی کتاب - راهنمای گیک برای ویندوز 8

• نصب پلاگین های GIMP: راهنمای نحوه کار

• نحوه دانلود Google Chrome Offline (Standalone) Installer

• چگونه کامپیوتر خود را به یک سرور رسانه ای DLNA تبدیل کنیم

• نحوه حذف پوشه Windows.old در ویندوز 7/8/10

• چگونه دی وی دی ها را دیجیتالی کنیم

• چگونه یک پهپاد را برای مبتدیان کامل پرواز کنیم

• چگونه نرم افزار رایانه شخصی خود را به طور خودکار به روز نگه دارید

• چگونه با جداول یک فرم Google Docs پر شود

• IE را در ویندوز 7 حذف و دوباره نصب کنید

• چگونه بدون دست زدن به ماوس کامپیوتر ویندوزی خود را بیدار نگه دارید

• نحوه اضافه کردن موسیقی به اسلایدهای گوگل

• استفاده از رابط وب انتقال

• چگونه یک کد QR را در آیفون و اندروید اسکن کنیم

• نحوه راه اندازی Master Pages در Adobe InDesign CC

• چگونه SSH یا SFTP را در Raspberry Pi خود وارد کنید

• چگونه احراز هویت Steam Guard را فعال کنیم

• 7 نکته فنی بهینه سازی سئو برای هر وب سایت