درج تصویر از صفحه ای در وب، در وبلاگ

در مورد قرار دادن تصاویر در وبلاگ، باید بین دو مورد تفکیک قائل شویم، یک حالت وقتی است که تصویر مورد نظر، در صفحه ای دیگر روی وب (به صورت آنلاین) قرار دارد و حالت دیگر وقتی است که عکس ها روی هارد کامپیوتر ذخیره شده یا بر روی حافظه های جانبی مثل فلش درایوها وجود دارند؛ باید توجه داشت که تصاویر در وب تنها در صورتی قابل روئیت هستند که بر روی یک سرور آنلاین، در دسترس باشند، لذا روش کپی تصاویر از صفحات دیگر معمولا توصیه نمی شود، چرا که ممکن است آن فایل بعدا توسط مدیر سایت یا وبلاگ مبداء حذف گردد، از طرفی رعایت اخلاق حرفه ای حکم می کند، تا حد امکان سعی کنیم محتوایی جدید بسازیم نه اینکه به کپی برداری صرف که به خودی خود ارزش خاصی ندارد بپردازیم؛ به هر صورت محض اطلاع، این شیوه را در ادامه آموزش می دهیم.
اگرچه اکثر کاربران عکس ها را به صورت مستقیم در صفحه کپی می کنند اما شیوه استاندار درج تصویر، به صورت کپی آدرس عکس و تنظیم آن در مطلب مورد نظر است، همانطور که پیش تر گفتیم، هر تصویری که در وب می بینید، در سروری قرار دارد، آدرس کامل آن تصویر نیز معمولا با کلیک راست روی عکس بدست می آید، به طور مثال آدرس یک عکس فرضی ممکن است به صورت زیر باشد.

km

همانطور که می بینید، این آدرس در انتها به یک فرمت مربوط به فایلی تصویری ختم شده است (به فرض jpg، gif، png و…)، این قانون در مورد اکثر تصاویر موجود در وب صدق می کند (به جزء برخی که توسط کدهای سمت سرور یا کتابخانه های اسکریپتی تولید می شوند)؛ پس از به دست آوردن آدرس مستقیم عکس (برای اطمینان از صحیح بودن لینک، اگر آن را به صورت مستقیم در نوار آدرس مرورگر وارد کنید، تصویر نشان داده خواهد شد)، در قسمتی از مطالب (در ویرایشگر ارسال مطالب) که مایل هستید، کلیک کنید و آیکن ورود تصویر (معمولا به شکل یک منظره کوچک) را انتخاب نمائید.

mmn

در این قسمت، در فیلد url، آدرس کامل تصویر و در قسمت description و title توضیحات و عنوان تصویر را درج کنید (این تنظیمات ممکن است در سیستم های مختلف، اندکی متفاوت باشند)، اکنون تغییرات را تایید نمائید، اگر همه چیز را درست انجام داده باشید، تصویر مورد نظر را در ویرایشگر ارسال مطلب مشاهده خواهید کرد.
درج تصویر در وبلاگ از روی هارددیسک کامپیوتر

درج تصویر از روی هارددیسک کامپیوتر در وبلاگ و انتشار آن در وب با شیوه ای که در بالا توضیح داده شد تنها کمی فرق می کند؛ تفاوت این روش با کپی تصویر از صفحه ای در وب در این است که در اینجا باید عکس خود را ابتدا در وب بر روی سروری آپلود کنید (یعنی آن را به یک کامپیوتر متصل به شبکه جهانی انتقال دهید)؛ این کار معمولا از دو طریق امکان پذیر است؛ یک راه استفاده از سرور و فضای شخصی است و راه دوم استفاده از سرویس های رایگان آپلود تصاویر؛ در هر دو شیوه، فایل مورد نظر باید به سرور منتقل (آپلود) شود و سپس آدرس کامل آن در اختیار شما قرار گیرد (این آدرس در هاست شخصی با دنبال کردن دایرکتوری فایل و در سرویس دهنده های رایگان، معمولا توسط خود سرویس دهنده قابل دسترسی است)، از اینجا به بعد مراحل شبیه به آنچه پیشتر گفته شد می باشند، یعنی در قسمت ویرایشگر مطالب قسمت مربوط به ورود تصویر را انتخاب و پس از انجام تنظیمات لازم، آن را تایید می کنیم.
درج تصویر در وبلاگ به صورت کدهای html

برای آنهایی که همیشه دوست دارند سر از زیر و بم چیزها در آورند، تکیه صرف بر سیستم مدیریت ویرایشگر مطالب وبلاگ معمولا قانع کننده نیست، از طرفی گاهی نیاز به اعمال تنظیمات بیشتر سبب می شود که دست به دامن کدهای html شویم، چرا که تصاویر، نهایتا به صورت این کدها در وب منتشر می شوند.
تگ اصلی که در html از آن برای درج تصویر استفاده می شود، img است، تگ img معمولا با عناصر alt، height، width، title و border کامل می شود، مثال زیر کد تصویری با ابعاد ۲۰۰ در ۲۰۰ پیکسل را با حاشیه صفر نشان می دهد (از حاشیه صفر، مخصوصا برای تصاویری که لینک شده اند استفاده کنید تا نوار آبی رنگ دور عکس حذف گردد، البته در نسخه html 5 باید از css برای این منظور استفاده شود).

<img src=”http://yoursite.come/image/example.jpg” alt=”image-in-blog” title=”image-in-blog” border=”0″ height=”200″ width=”200″ />

نکاتی که در مورد درج تصاویر در وبلاگ، باید رعایت کنید

در پایان این آموزش، بد نیست نکات زیر را نیز به خاطر داشته باشید.
– از درج تصاویر خیلی حجیم (مثلا بیش از یک مگابایت) خودداری کنید، این نوع تصاویر علاوه بر اشغال میزان زیادی از فضای سرور، موجب بارگذاری طولانی مدت و به زحمت افتادن کاربران می شوند، بهتر است برای کاهش حجم تصاویر، از برنامه هایی مانند فتوشاپ استفاده کنید.
– از تغییر اندازه تصاویر اجتناب کنید، این کار موجب از فرم طبیعی خارج شدن آنها می شود، از طرفی از دید برخی موتورهای جستجوگر، موجب کاهش رتبه وبلاگ شما در هگام نمایش لیست جستجو خواهد شد.
– حتما برای تصاویر خود از تگ alt (متن جایگزین تصویر) و اندازه طول و عرض استفاده کنید، اهمیت این کار در کمک به استاندارد شدن کدنویسی صفحه و بالا رفتن اعتبار وبلاگ شما نزد موتورهای جستجو، نهفته است.
– از کپی تصاویر دیگران تا حد امکان پرهیز کنید، در صورت کپی برداری حتما لینک و نام سایت یا وبلاگ مبداء را ذکر نمائید.
– از به کار بردن تصاویر بیش از اندازه در یک صفحه خودداری کنید، این کار موجب بارگذاری سریع تر مطالبتان خواهد شد.
– تصاویر با پهنای پیکسلی بزرگتر از قالب خود در وبلاگ قرار ندهید، عدم توجه به این مسئله ممکن است سبب به هم ریختن قالب شود.