في السابق ، كتبت مقالًا حول كيفية تقليل حجم ملف الصورة  باستخدام خيار البريد الإلكتروني المدمج في Explorer أو باستخدام برنامج سطح مكتب يسمى Image Resizer لنظام التشغيل Windows^(Windows) . هذه خيارات جيدة ، ولكن هناك عدة طرق أخرى يمكنك اتباعها لتحسين الصورة. أيضًا ، ستخبرك الكثير من مواقع الويب باستخدام الرسام^(Paint) ، لكنني وجدت أنها ليست طريقة جيدة لأن الصور تبدو أسوأ بكثير.

أولاً ، من المهم أن نفهم أن بعض الأساليب المستخدمة لتقليل حجم الصورة ستؤدي إلى انخفاض جودة الصورة ، وهو ما قد يكون مناسبًا لموقع ويب ، ولكن ليس للطباعة. يحدث هذا عادة عند تغيير دقة الصورة ، لنقل من 2560 × 1440 إلى 1920 × 1080.

طريقة أخرى لتقليل حجم الصورة هي ضغط الصورة. هناك نوعان من الضغط: بدون فقدان أو فقدان. سيقلل الضغط بدون فقدان حجم الصورة دون فقد بكسل واحد من الملف الأصلي . ^(Lossless)فقدان^(Lossy) يعني أنه سيتم فقد بعض البيانات.

أخيرًا ، يُحدث تنسيق الصورة أيضًا فرقًا كبيرًا في حجم الملف. من المحتمل أن تكون الصورة العادية التي تلتقطها من الكاميرا صورة JPG لأن ذلك يعمل جيدًا من حيث الضغط. ومع ذلك ، فإن الصور ذات الألوان القليلة (256 لونًا أو أقل) ستكون أصغر كثيرًا إذا كنت تستخدم GIF . PNG هو تنسيق غير ضياع يمكن ضغطه بشدة. إنه يعمل بشكل جيد لرسومات الويب والصور المعقدة.

في هذه المقالة ، أقدم بعض الأمثلة مع لقطات شاشة لضغط صورة باستخدام تنسيقات متعددة حتى تتمكن من رؤية الاختلافات في الحجم والجودة.

كيفية تقليل حجم الصورة

لنبدأ بالحديث عن كيفية تقليل حجم الصورة دون فقدان الجودة. سيعطيك هذا أصغر ملف مع الحفاظ على الجودة الأصلية للصورة. من الواضح أن استخدام الضغط مع فقد البيانات سيمنحك ملفات أصغر بكثير ، كما سترى في الأمثلة أدناه ، لكنك ستفقد بعض الجودة.

التنسيق والضغط

أولاً ، لنبدأ برسم ملون مسطح. على سبيل المثال ، لقد التقطت للتو لقطة شاشة لموقع HDG (600 × 319) نظرًا لأنه يحتوي على ألوان قليلة وليست معقدة. فيما يلي أحجام الملفات بتنسيقات مختلفة دون أي ضغط:

ملف GIF الأصلي: 27 كيلوبايت

الأصل JPEG: 67 كيلوبايت

PNG الأصلي: 68 كيلوبايت

كما ترى ، فإن ملفات PNG و GIF هي بالتأكيد أكثر وضوحًا من ملفات JPEG . كما ذكرنا سابقًا ، تعد JPEG أفضل للتصوير الفوتوغرافي. يعمل GIF^(GIF) هنا بشكل جيد حيث يبلغ 27 كيلو بايت فقط مقارنة بـ PNG ، وهو 68 كيلو بايت. ومع ذلك ، من واقع خبرتي ، فإن ملفات PNG^(PNGs) تنضغط بشكل أفضل إذا كان ضغطًا مع فقدان البيانات ولا تزال جودة الصورة جيدة جدًا.

عندما قمت بضغط الصور الثلاثة بدون فقدان البيانات ، تم تقليل حجم صور JPG و PNG فقط ، ولكن ليس كثيرًا. ذهب PNG إلى 45 كيلوبايت وذهب JPG إلى 58 كيلوبايت. عندما أجريت ضغطًا مع فقدان البيانات ، كانت أرقام PNG هي الأكثر إثارة للإعجاب.

ملف GIF بالفقدان: 22 كيلو بايت

فقدان JPEG: 50 كيلو بايت

Lossy PNG: 23 كيلوبايت

كما ترى ، تبدو PNG هي الأفضل وهي أكبر بـ 1 كيلوبايت فقط من GIF ! لهذا السبب أستخدم صور PNG على هذا الموقع لمعظم لقطات الشاشة الخاصة بي. عادةً ما يكون تنسيق JPEG^(JPEG) دائمًا أفضل للصور الفوتوغرافية التي تحتوي على الكثير من الألوان. لكن تذكر أن JPG هي 16 بت فقط ، في حين أن PNG 24 بت ، لذا JPG تدعم ملايين الألوان ، لكن PNG تدعم ألوانًا غير محدودة.

تم تقليل حجم GIF بمقدار 5 كيلوبايت فقط ، ولكن في نفس الوقت فقد الكثير من الجودة. لم يتم ضغط JPG كثيرًا ، لكن 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 فقط إلى دعم الألوان المفهرسة و 8 بت / قناة.^(Indexed)

يمكنك اختيار لون RGB و 16 بت / قناة ، لكن الصورة ستبدو متشابهة تمامًا ، لكن بحجم ملف أكبر. يمكنك قراءة المزيد حول أوضاع الألوان^{(colors modes)} هذه على موقع Adobe على الويب. بالإضافة إلى Photoshop ، تتيح لك معظم برامج تحرير الصور أيضًا تغيير عمق / وضع اللون للصورة.

قص الصوره

طريقة أخرى سهلة لتقليل حجم الصورة هي ببساطة اقتصاصها! ستتم إزالة أي شيء تم اقتصاصه من الصورة. بغض النظر عن الصورة التي لديك ، يمكنك عادةً اقتصاصها قليلاً على الأقل ، مما سيساعد بالتأكيد في تقليل الحجم.

ولاحظ أنه ليس من الضروري أن يكون المحصول هو المحصول المعتاد حيث تقطع الأشياء من أعلى / أسفل أو من اليسار / اليمين. يحتوي محرر SnagIt^{(SnagIt Editor)} ، أحد مفضلاتي ، على أداة قطع تتيح لك قص أجزاء من الصور من منتصف الصورة أفقيًا أو رأسيًا. يكون هذا مفيدًا في كثير من الأحيان أكثر مما تعتقد. إليك مثال حيث يتعين عليّ تضمين لقطة شاشة لقائمة " ابدأ^(Start) " أثناء كتابة أمر.

كان حجم الملف أعلاه في الأصل 22 كيلو بايت. بدلاً من استخدام ذلك ، قمت بقص الجزء الأوسط ، الذي لم أكن بحاجة إليه كما هو موضح أدناه.

حجم الملف الجديد هو 9 كيلو بايت فقط! كل ذلك دون القيام بأي ضغط أو تغيير تنسيق الملف. بمجرد ضغطه ، قمت بخفضه إلى 4.4 كيلوبايت فقط. لذا فإن القص طريقة مهمة لتقليل حجم الصورة.

نأمل أن تكون قد قللت حجم صورتك وتعلمت قليلاً عن كيفية عمل الصور الرقمية على طول الطريق! إذا كان لديك أي أسئلة ، فلا تتردد في التعليق. يتمتع!

How to Reduce the Size on an Image File

Previously, I wrote an article on how tо reduce the size of an image file usіng the built-іn email option in Explorer or by using a desktop рrogram called Image Resizer for Windows. Thеse аre good optionѕ, but there are several other ways to go about optimіzing an image. Αlso, a lot of websites will tell you to use Paint, but I have found it’s not a good 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

• تصدير ومسح وزيادة حجم سجلات الأحداث في Windows

• كيفية عرض حجم علب بريد المستخدم في Exchange 2007

• مراجعة الكتاب - دليل How-To Geek لنظام التشغيل Windows 8

• تثبيت ملحقات GIMP: دليل إرشادي

• كيفية تنزيل مثبت Google Chrome Offline (مستقل)

• 8 من أفضل الأفكار التقنية للتعامل مع العزلة الذاتية

• كيف تدخل SSH أو SFTP إلى Raspberry Pi الخاص بك

• كيف تصنع الكمبيوتر المحمول الخاص بك

• كيفية تحويل ملفات IMG إلى ISO

• أنشئ تطبيق Gmail لسطح المكتب مع عملاء البريد الإلكتروني الثلاثة هؤلاء

• كيفية إعداد الصفحات الرئيسية في Adobe InDesign CC

• كيفية تعطيل مفتاح الويندوز

• كيفية استخدام جهاز Chromebook كشاشة ثانية

• أفضل 6 إعدادات للكاميرا لصور القمر

• كيفية إجراء اختبار إجهاد وحدة المعالجة المركزية

• كيفية تحديث Raspberry Pi

• كيف ترى الصفحات والملفات المخزنة مؤقتًا من المستعرض الخاص بك

• كيفية عمل نموذج قابل للتعبئة في محرر مستندات Google باستخدام الجداول

• كيفية تحويل جهاز الكمبيوتر الخاص بك إلى خادم وسائط DLNA

• كيفية إنشاء فريق في Microsoft Teams