يجمع كائن الصورة الصور المدمجة في ملف صورة واحد. تتمثل ميزة استخدام كائن الصورة في أنه يقلل من عدد طلبات HTTP التي يجب إجراؤها، والتي يمكن أن تحسن أداء صفحة الويب.
عند استخدام كائن صورة، يتم دمج الصور الفردية في ملف واحد ثم يتم عرضها على صفحة ويب باستخدام CSS. يخبر رمز CSS المتصفح بمكان عرض كل صورة داخل الملف. يمكن استخدام كائنات الصور لأي صورة ، بما في ذلك الرموز والأزرار والخلفيات.
كيفية إنشاء كائن صورة؟
لإنشاء كائن صورة، ستحتاج إلى صورتين تريد دمجهما في صورة واحدة. يمكنك القيام بذلك باستخدام برنامج تحرير الصور ، لكننا نوصي باستخدام Photoshop.
بمجرد حصولك على صورتين ، افتحهما في Photoshop. ثم حدد قائمة "طبقة"وانقر فوق"جديد". سيؤدي هذا إلى إنشاء طبقة جديدة يمكنك تسمية ما تريد. سنسميها "العفريت".
الآن ، اسحب إحدى الصور إلى طبقة "الكائن". باستخدام أداة النقل ، ضع الصورة ، بحيث تغطي الصورة الأخرى بالكامل. ثم حدد أداة "ممحاة" وامسح أي أجزاء بارزة من الصورة الأولى.
أخيرا ، حدد قائمة "ملف" وانقر فوق "حفظ باسم". اختر اسم ملف وتنسيقا لصورة الكائن الجديدة الخاصة بك!
فوائد استخدام كائن الصورة
تعد كائنات الصور طريقة رائعة لتحسين أداء موقع الويب الخاص بك. يمكنهم المساعدة في تقليل عدد طلبات HTTP وتقليل حجم صفحاتك وتحسين السرعة الإجمالية لموقعك.
العفاريت الصورة لها العديد من الفوائد ، ولكن هذه الثلاثة هي بعض من أهمها. إذا كنت ترغب في تحسين أداء موقعك ، فإن استخدام كائنات الصور يعد مكانا رائعا للبدء.
استنتاج
كائن الصورة هو مجموعة من الصور المدمجة في ملف واحد. يتم استخدامها بشكل شائع في تصميم الويب لتحسين أداء الصفحة عن طريق تقليل عدد طلبات HTTP المطلوبة لتحميل الصفحة. طريقة أخرى رائعة لاستخدام الكائنات هي إنشاء تخطيط سريع الاستجابة. هذا يعني أنك تجعل كل صورك كصورة واحدة ثم تقوم بحجمها ووضعها وفقا لجهاز معين.