نمایش نتایج: از شماره 1 تا 10 , از مجموع 10

موضوع: نیازمند راهنمای تکنیک CSS Sprite عکسها یا فردی که کارش رو برام انجام دهد

  1. #1
    عضو جدید
    تاریخ عضویت
    Sep 2015
    نوشته ها
    82
    تشکر تشکر کرده 
    4
    تشکر تشکر شده 
    16
    تشکر شده در
    16 پست

    پیش فرض نیازمند راهنمای تکنیک CSS Sprite عکسها یا فردی که کارش رو برام انجام دهد

    درود طبق عکسهایی که ارسال کردم در جی تی متریکس میخوام فردی این عکسها را با تکنیک CSS Sprite راهنمایی کنه البته من هر کاری کردم طبق راهنمایی سایت وب سیما نتونستم اون قسمت که وارد سایت sprite me بوک مارک رو بزنم نمیدونم چرا عمل نمیکنه در کل میخوام اگر فردی میتونه برام انجامش بده ممنون میشم چنانچه هزینه هم داشته باشه در خدمتم هزینه رو برام اعلام کنه
    تصاویر پیوست شده تصاویر پیوست شده
    • نوع فایل: jpg `111.JPG (44.5 کیلو بایت, 8 نمایش)

  2. # ADS




     

  3. #2
    عضو انجمن
    تاریخ عضویت
    Jul 2014
    نوشته ها
    199
    تشکر تشکر کرده 
    118
    تشکر تشکر شده 
    75
    تشکر شده در
    70 پست

    پیش فرض پاسخ : نیازمند راهنمای تکنیک CSS Sprite عکسها یا فردی که کارش رو برام انجام دهد

    سلام و درود

    بدون آدرس سایت نمیشه کاری کرد.

  4. #3
    عضو جدید
    تاریخ عضویت
    Sep 2015
    نوشته ها
    82
    تشکر تشکر کرده 
    4
    تشکر تشکر شده 
    16
    تشکر شده در
    16 پست

  5. #4
    عضو انجمن
    تاریخ عضویت
    Jul 2014
    نوشته ها
    199
    تشکر تشکر کرده 
    118
    تشکر تشکر شده 
    75
    تشکر شده در
    70 پست

    پیش فرض پاسخ : نیازمند راهنمای تکنیک CSS Sprite عکسها یا فردی که کارش رو برام انجام دهد

    درود

    احتیاجی به اسپریت نیست.
    عکس ها رو در اینجا به کد Base64 تبدیل کنید و کد را جایگزین آدرس عکس کنید.
    5 عکس انتهایی سایت هم چون مربوط به قالب سایت هست باید از طریق css به صفحه اضافه شود نه با تگ img.

    موفق باشید

  6. #5
    عضو جدید hamid1101 آواتار ها
    تاریخ عضویت
    Jun 2012
    محل سکونت
    اصفهان
    نوشته ها
    60
    تشکر تشکر کرده 
    13
    تشکر تشکر شده 
    45
    تشکر شده در
    38 پست

    پیش فرض پاسخ : نیازمند راهنمای تکنیک CSS Sprite عکسها یا فردی که کارش رو برام انجام دهد

    توی سایت زیر اگر بروید خیلی راحت تر از بقیه سایتها هست
    کافیه عکسهای خودتون را آپلود کنید و بعدش هم به شما فایل sprite را میده و هم فایل css که مختصات هرکدوم از تصاویر نشون داده میشه

    http://spritegen.website-performance.org/

    همچنین میتونید اندازه و محل قرار گرفتن تصاویر توی sprite را هم خیلی راحت تغییر بدهید
    آرون هاست ارایه دهنده گواهینامه های SSL دامنه ملی و بین المللی
    https://aron.host/ssl-certificates

  7. تعداد تشکر ها از hamid1101 به دلیل پست مفید


  8. #6
    عضو جدید
    تاریخ عضویت
    Sep 2015
    نوشته ها
    82
    تشکر تشکر کرده 
    4
    تشکر تشکر شده 
    16
    تشکر شده در
    16 پست

    پیش فرض پاسخ : نیازمند راهنمای تکنیک CSS Sprite عکسها یا فردی که کارش رو برام انجام دهد

    ممکنه اینکارو برام انجام بدید اگر لازم باشه هزینشم میدم خدمتتون

  9. #7
    عضو انجمن
    تاریخ عضویت
    Jul 2014
    نوشته ها
    199
    تشکر تشکر کرده 
    118
    تشکر تشکر شده 
    75
    تشکر شده در
    70 پست

    پیش فرض پاسخ : نیازمند راهنمای تکنیک CSS Sprite عکسها یا فردی که کارش رو برام انجام دهد

    درود

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

  10. #8
    عضو انجمن AtrafNet آواتار ها
    تاریخ عضویت
    Nov 2016
    نوشته ها
    259
    تشکر تشکر کرده 
    2,584
    تشکر تشکر شده 
    729
    تشکر شده در
    417 پست

    پیش فرض پاسخ : نیازمند راهنمای تکنیک CSS Sprite عکسها یا فردی که کارش رو برام انجام دهد

    نقل قول نوشته اصلی توسط naghmesra نمایش پست ها
    درود



    احتیاجی به اسپریت نیست.
    عکس ها رو در اینجا به کد Base64 تبدیل کنید و کد را جایگزین آدرس عکس کنید.
    5 عکس انتهایی سایت هم چون مربوط به قالب سایت هست باید از طریق css به صفحه اضافه شود نه با تگ img.

    موفق باشید
    جسازتاً روش Base64 برعکس باعث کاهش سرعت میشه چون دقت کنید الان در حالت معمول که فایل ها جدا هستند مرورگر تمام اونا رو می تونه به صورت جدا Cache و ذخیره کنه و بعدش با هر بار لود صفحه فقط HTML رو بخونه ولی وقتی شما تصاویر هم عضوی از خود کد های HTML میکنید دیگه مرورگر با هر لود صفحه مجبوره دوباره تصاویر هم لود کنه مگر اینکه در htaccess. تعیین کنید که کد های HTML هم توسط مرورگر Cache بشه که اشتباهه و در این صورت مطالب جدید رو کاربری که از قبل وارد سایت شده تا خودش Ctrl+F5 نزنه یا کش رو پاک نکنه نمی تونه ببینه.

    به نظر من همون CSS Sprite رو که gtmetrix.com بهشون پیشنهاد داده استفاده کنن خیلی بهتره.
    دلیل پیشنهاد CSS Sprite هم که همه می دونن فقط برای کم شدن Request مرورگر به فایل های متعدد هستش وگرنه حتی ممکنه حجم تصویر Sprite معادل حجم جداگونه تصاویر باشه ولی چون مرورگر برای تعدادی عکس فقط یک درخواست می فرسته و یک پاسخ میگیره لود سایت کمی سریع تر میشه.

  11. تعداد تشکر ها از AtrafNet به دلیل پست مفید


  12. #9
    عضو انجمن
    تاریخ عضویت
    Jul 2014
    نوشته ها
    199
    تشکر تشکر کرده 
    118
    تشکر تشکر شده 
    75
    تشکر شده در
    70 پست

    پیش فرض پاسخ : نیازمند راهنمای تکنیک 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

  13. تعداد تشکر ها از naghmesra به دلیل پست مفید


  14. #10
    عضو جدید
    تاریخ عضویت
    Sep 2015
    نوشته ها
    82
    تشکر تشکر کرده 
    4
    تشکر تشکر شده 
    16
    تشکر شده در
    16 پست

    پیش فرض پاسخ : نیازمند راهنمای تکنیک CSS Sprite عکسها یا فردی که کارش رو برام انجام دهد

    نقل قول نوشته اصلی توسط hamid1101 نمایش پست ها
    توی سایت زیر اگر بروید خیلی راحت تر از بقیه سایتها هست
    کافیه عکسهای خودتون را آپلود کنید و بعدش هم به شما فایل sprite را میده و هم فایل css که مختصات هرکدوم از تصاویر نشون داده میشه

    http://spritegen.website-performance.org/

    همچنین میتونید اندازه و محل قرار گرفتن تصاویر توی sprite را هم خیلی راحت تغییر بدهید
    درودخدمتتونپیامدادممیهشان کاروانجامبدیدبرام

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. Sprite نمودن عکس ها در صفحه وب سایت
    توسط elham1388 در انجمن دیگر زبان ها
    پاسخ ها: 0
    آخرين نوشته: December 2nd, 2014, 11:12

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •