ã€HTML】pictureã‚¿ã‚°ã§ç”»åƒã‚’レスãƒãƒ³ã‚·ãƒ–ã«åˆ‡ã‚Šæ›¿ãˆã‚‹æ–¹æ³•ã‚’解説 | ZeroPlus Mediaã“ã®è¨˜äº‹ã§ã¯ã€ã€Œpictureタグを使ã£ã¦ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ç”»åƒã‚’切り替ãˆã‚‹æ–¹æ³•ã€ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ レスãƒãƒ³ã‚·ãƒ–デザインã®Webサイトã§ã¯ã€ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ã‚ºæ™‚ã¨PCサイズ時ã§ã€åˆ¥ã€…ã®ç”»åƒã‚’表示ã—ãŸã„ã¨ããŒã‚ã‚Šã¾ã™ã€‚pictureタグを使ãˆã°ã€CSSã‚„JavaScriptを使ã‚ãšã«ç”»é¢å¹…ã«å¿œã˜ã¦ç”»åƒã‚’切り替ãˆã‚‰ã‚Œã¾ã™ã€‚ ãã®ã»ã‹ã«ã‚‚pictureタグを使ã†ã“ã¨ã§ã€ãƒ–ラウザã”ã¨ã«æ‹¡å¼µåを変更ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚webpæ‹¡å¼µåã«å¯¾å¿œã—ã¦ã„るブラウザãªã‚‰WebPç”»åƒã‚’ã€ãã†ã§ãªã„ブラウザãªã‚‰png, jpg, svgãªã©ã®ç”»åƒã‚’表示ã™ã‚‹ã€ã¨ã„ã†ã‚ˆã†ã«åˆ‡ã‚Šæ›¿ãˆã‚‹ã“ã¨ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®å‘上ãŒå›³ã‚Œã¾ã™ã€‚ã¾ãŸã€ç”»åƒã®åˆ‡ã‚Šæ›¿ãˆã«JavaScriptã‚„CSSãŒä¸è¦ãªãŸã‚表示スピードå‘上ã«ã‚‚ã¤ãªãŒã‚Šã¾ã™ã€‚ ã„ã£ã—ょã«pictureã‚¿ã‚°ã«ã¤ã„ã¦å¦ç¿’ã—ã¦ã„ãã¾ã—ょã†ï¼ プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’ã§ã“ã®ã‚ˆã†ãªçµŒé¨“ã¯ã‚ã‚Šã¾ã›ã‚“
看æ¿ç”»åƒã«æ–‡å—ã‚’é‡ãã¦è¡¨ç¤ºã™ã‚‹æ–¹æ³•
{{#tags}}- {{label}}
{{/tags}}