PDA

View Full Version : راهنمایی در مورد استفاده از این نوع عکس



NIMA_1981
جمعه 14 بهمن 1390, 00:41 صبح
سلام میشه بگید از این نو عکس حا جطوری باید استفاده کرده و جه دلیلی داره که تو بعضی از سایت ها از این حور عکس ها استفاده میشه مثلا 10 تا علامت مختلف با هم توی یک عکس هست ولی هر کدوم را به تنهایی سر جای خودش استفاده میکنه
81951
با تشکر

fakhravari
جمعه 14 بهمن 1390, 00:57 صبح
با سلام
متوجه سوالتون نشدم.
خوب قانون اینه که هر عکس وظیفه و کار خودشو برسونه.

hamid_shrk
جمعه 14 بهمن 1390, 11:29 صبح
منظورشون استفاده از یک عکس کلی هست که توش چند تا آیکن وجود داره وبا استفاده از CSS هرجا که بخوان از یکیش استفاده کنن اون با موقعیت دهی از عکس کلی جدا میکنن !
خوب مزیت اینکار اینه که بجای اینکه 10 تا عکس رو بخواد لود کنه فقط یک عکس رو لود میکنه و این تو سرعت سایت خیلی تعثیر داره.
نحوه استفادش هم خیلی سادس ولی چون من الان دسترسی به پروژم ندارم نمیتونم نمونه دقیق رو واستون بزارم ، اگه بخواید فردا میزارم وگرنه تو تالار طراحی وب مطرح منید حتما به جواب میرسید.
این کار با CSS انجام کیشه.

mosyhey
جمعه 14 بهمن 1390, 11:35 صبح
کار بسیار خوبی است، به جای 10 درخواست، تنها یک درخواست از سرور می شود و یکجا همه آیکون های سایت با هم لود می شود (و یا نمی شود). آموزش:


http://www.w3schools.com/css/css_image_sprites.asp

وبسایت های آیکون، آیکون ها را تکی می دهند و ساختن اینجور عکس از همه آیکون ها کمی مشکل است. به نظر شما آیکون های زیبای png را چطور باید کنار هم در یک عکس چید؟

mahmood_4246
جمعه 14 بهمن 1390, 12:30 عصر
به ابن حالت که باعث میشه تعداد درخواست به سرور به گرفتن عکس بشه image Spirit میگن .. از لینک بالایی استفاده کن. .. مطالب زیاد تو نت

NIMA_1981
جمعه 14 بهمن 1390, 17:49 عصر
مرسی دوستان

Sirwan Afifi
جمعه 14 بهمن 1390, 18:37 عصر
وبسایت های آیکون، آیکون ها را تکی می دهند و ساختن اینجور عکس از همه آیکون ها کمی مشکل است. به نظر شما آیکون های زیبای png را چطور باید کنار هم در یک عکس چید؟

با استفاده ازاین سایت (http://spritegen.website-performance.org/) و این سایت (http://csssprites.com/) می تونید Image Sprite رو بسازید.