darkcms
یک شنبه 24 شهریور 1392, 14:09 عصر
با سلام.
تاکنون با فرمت جدید عکس ها (svg) آشنا شده اید؟
این نوع عکس ها هر چه زوم بشوند هیچ تغییری پیدا نخواهند کرد!
مثال هایی را برای دوستان می گذارم :
http://svg-wow.org/mustache/beard.svg
http://svg-wow.org/filterEffects/chiseled.svg
لوگوی فایرفاکس :
http://upload.wikimedia.org/wikipedia/en/e/e3/Firefox-logo.svg
لوگوی کروم :
http://upload.wikimedia.org/wikipedia/en/d/d0/Chrome_Logo.svg
لوگوی سافاری :
http://upload.wikimedia.org/wikipedia/de/6/62/Safari_Browser.svg
برای مثال لوگوی فایرفاکس (http://upload.wikimedia.org/wikipedia/en/e/e3/Firefox-logo.svg) را دانلود کنید.
بعد در صفحه ی html کد زیر را قرار دهید :
<img src="Firefox-logo.svg" width="600">
کد کامل html :
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Firefox Logo(svg)!</title>
</head>
<body>
<img src="Firefox-logo.svg" width="600">
</body>
</html>
حال می بینید که کیفیت هیچ تغییری نمی کند. شما می توانید عرض تصویر را هر چقدر دوست دارید قرار دهید!
سایت هایی هم برای تبدیل این فرمت به فرمت های رایج وجود دارند که من یکی از آن ها را در پایین معرفی می کنم :
http://www.fileformat.info/convert/image/svg2raster.htm
لازم به ذکر است که برای مشاهده ی مثال ها از مرورگر فایرفاکس یا کروم استفاده نمایید.
به امید فردایی بهتر!:لبخندساده:
تاکنون با فرمت جدید عکس ها (svg) آشنا شده اید؟
این نوع عکس ها هر چه زوم بشوند هیچ تغییری پیدا نخواهند کرد!
مثال هایی را برای دوستان می گذارم :
http://svg-wow.org/mustache/beard.svg
http://svg-wow.org/filterEffects/chiseled.svg
لوگوی فایرفاکس :
http://upload.wikimedia.org/wikipedia/en/e/e3/Firefox-logo.svg
لوگوی کروم :
http://upload.wikimedia.org/wikipedia/en/d/d0/Chrome_Logo.svg
لوگوی سافاری :
http://upload.wikimedia.org/wikipedia/de/6/62/Safari_Browser.svg
برای مثال لوگوی فایرفاکس (http://upload.wikimedia.org/wikipedia/en/e/e3/Firefox-logo.svg) را دانلود کنید.
بعد در صفحه ی html کد زیر را قرار دهید :
<img src="Firefox-logo.svg" width="600">
کد کامل html :
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Firefox Logo(svg)!</title>
</head>
<body>
<img src="Firefox-logo.svg" width="600">
</body>
</html>
حال می بینید که کیفیت هیچ تغییری نمی کند. شما می توانید عرض تصویر را هر چقدر دوست دارید قرار دهید!
سایت هایی هم برای تبدیل این فرمت به فرمت های رایج وجود دارند که من یکی از آن ها را در پایین معرفی می کنم :
http://www.fileformat.info/convert/image/svg2raster.htm
لازم به ذکر است که برای مشاهده ی مثال ها از مرورگر فایرفاکس یا کروم استفاده نمایید.
به امید فردایی بهتر!:لبخندساده: