نیازمند راهنمای تکنیک CSS Sprite عکسها یا فردی که کارش رو برام انجام دهد
درود طبق عکسهایی که ارسال کردم در جی تی متریکس میخوام فردی این عکسها را با تکنیک CSS Sprite راهنمایی کنه البته من هر کاری کردم طبق راهنمایی سایت وب سیما نتونستم اون قسمت که وارد سایت sprite me بوک مارک رو بزنم نمیدونم چرا عمل نمیکنه در کل میخوام اگر فردی میتونه برام انجامش بده ممنون میشم چنانچه هزینه هم داشته باشه در خدمتم هزینه رو برام اعلام کنه
احتیاجی به اسپریت نیست.
عکس ها رو در اینجا به کد Base64 تبدیل کنید و کد را جایگزین آدرس عکس کنید.
5 عکس انتهایی سایت هم چون مربوط به قالب سایت هست باید از طریق css به صفحه اضافه شود نه با تگ img.
پاسخ : نیازمند راهنمای تکنیک CSS Sprite عکسها یا فردی که کارش رو برام انجام دهد
توی سایت زیر اگر بروید خیلی راحت تر از بقیه سایتها هست
کافیه عکسهای خودتون را آپلود کنید و بعدش هم به شما فایل sprite را میده و هم فایل css که مختصات هرکدوم از تصاویر نشون داده میشه
پاسخ : نیازمند راهنمای تکنیک CSS Sprite عکسها یا فردی که کارش رو برام انجام دهد
نوشته اصلی توسط naghmesra
درود
احتیاجی به اسپریت نیست.
عکس ها رو در اینجا به کد Base64 تبدیل کنید و کد را جایگزین آدرس عکس کنید.
5 عکس انتهایی سایت هم چون مربوط به قالب سایت هست باید از طریق css به صفحه اضافه شود نه با تگ img.
موفق باشید
جسازتاً روش Base64 برعکس باعث کاهش سرعت میشه چون دقت کنید الان در حالت معمول که فایل ها جدا هستند مرورگر تمام اونا رو می تونه به صورت جدا Cache و ذخیره کنه و بعدش با هر بار لود صفحه فقط HTML رو بخونه ولی وقتی شما تصاویر هم عضوی از خود کد های HTML میکنید دیگه مرورگر با هر لود صفحه مجبوره دوباره تصاویر هم لود کنه مگر اینکه در htaccess. تعیین کنید که کد های HTML هم توسط مرورگر Cache بشه که اشتباهه و در این صورت مطالب جدید رو کاربری که از قبل وارد سایت شده تا خودش Ctrl+F5 نزنه یا کش رو پاک نکنه نمی تونه ببینه.
به نظر من همون CSS Sprite رو که gtmetrix.com بهشون پیشنهاد داده استفاده کنن خیلی بهتره.
دلیل پیشنهاد CSS Sprite هم که همه می دونن فقط برای کم شدن Request مرورگر به فایل های متعدد هستش وگرنه حتی ممکنه حجم تصویر Sprite معادل حجم جداگونه تصاویر باشه ولی چون مرورگر برای تعدادی عکس فقط یک درخواست می فرسته و یک پاسخ میگیره لود سایت کمی سریع تر میشه.
پاسخ : نیازمند راهنمای تکنیک CSS Sprite عکسها یا فردی که کارش رو برام انجام دهد
سلام و درود
جسازتاً روش Base64 برعکس باعث کاهش سرعت میشه چون دقت کنید الان در حالت معمول که فایل ها جدا هستند مرورگر تمام اونا رو می تونه به صورت جدا Cache و ذخیره کنه و بعدش با هر بار لود صفحه فقط HTML رو بخونه ولی وقتی شما تصاویر هم عضوی از خود کد های HTML میکنید دیگه مرورگر با هر لود صفحه مجبوره دوباره تصاویر هم لود کنه مگر اینکه در htaccess. تعیین کنید که کد های HTML هم توسط مرورگر Cache بشه که اشتباهه و در این صورت مطالب جدید رو کاربری که از قبل وارد سایت شده تا خودش Ctrl+F5 نزنه یا کش رو پاک نکنه نمی تونه ببینه.
استفاده از روش Base64 مستقیم در فایل HTML به خاطر همین موضوع Cache که شما میگید توصیه نمیشه و اگر قراره Base64 داشته باشیم باید در فایل CSS استفاده بشه چون فایل CSS کش میشه.
5 عکس انتهایی سایت هم چون مربوط به قالب سایت هست باید از طریق css به صفحه اضافه شود نه با تگ img.
اگر دقت کنید اینجا اشاره کردم که 5 عکس پایین سایت هم باید وارد CSS بشه دلیلش همین بود.
در هر صورت هر دو روش قایل استفاده است و تفاوت چندانی بین این روش مشاهده نمیشه البته اگر Base64 برای عکس های درون CSS استفاده بشه نه برای عکس های درون HTML.
موفق باشید
ویرایش توسط naghmesra : January 21st, 2017 در ساعت 10:47
پاسخ : نیازمند راهنمای تکنیک CSS Sprite عکسها یا فردی که کارش رو برام انجام دهد
نوشته اصلی توسط hamid1101
توی سایت زیر اگر بروید خیلی راحت تر از بقیه سایتها هست
کافیه عکسهای خودتون را آپلود کنید و بعدش هم به شما فایل sprite را میده و هم فایل css که مختصات هرکدوم از تصاویر نشون داده میشه