iT邦幫忙

image相關文章
共有 38 則文章
鐵人賽 SideProject30 DAY 25

技術 Day 25 - 動態調整 Next.js Image 大小

現在的 SVG 與 PNG 的表單都建立完成,不過 SVG 建立 QR code 圖片的部分,現在是用 Next.js 提供的 Image 元件來顯示,但一開始...

鐵人賽 SideProject30 DAY 26

技術 營養師不開菜單的第二十六天 - 運用 Next.js 內建工具,打造專案效能優化

前言 系列文到二十五天已經大致開發完成,但完成後會開始各種修改及優化,其中也包括效能的優化。效能對於前台網站是非常關鍵的。當網站載入速度緩慢時,可能會導致用戶流...

鐵人賽 Mobile Development DAY 29
React Native CLI 開發心法 系列 第 29

技術 DAY 29 React Native 效能優化:提升效能實戰(三)& 效能優化總結

延續上一篇優化程式碼的實例,還剩下一個地方需要改善,那就是圖片。 使用圖片快取 (Cache Images) 透過 Cache 減少發送網路請求而且可以更快的載...

鐵人賽 自我挑戰組 DAY 11

技術 【全端網頁開發】Day11-Flask實作提供下載圖片ZIP的API

前言 接下來會記錄一些,練習過程中實做的內容 實作提供下載圖片ZIP的API 1.先設定好本地圖片的目錄位置和回傳的ZIP檔名 2.使用 zipfile.Zip...

鐵人賽 自我挑戰組 DAY 5

技術 【全端網頁開發】Day05-Docker基本指令操作

前言 這篇主要會是練習Docker常用的基本指令操作 Docker基本指令操作 那基本上Docker的指令是分成Docker指令|上級指令|副指令|選項 (如下...

鐵人賽 自我挑戰組 DAY 3

技術 【全端網頁開發】Day03-探索Docker基本原理

前言 Mentor:第一個課題是了解Docker,了解Docker的一些基本指令用法,和Docker image建置方法 昨天我們透過VM將Ubuntu環境...

技術 [快速入門前端 5] 什麼是 HTML 標籤 (3)

HTML 標籤 下拉選單 - select 單選選單下拉式選單讓使用者可以從一堆選項中選擇出一個(或多個)選項。 本身做為選單的容器,在 select 裡面用...

鐵人賽 Software Development DAY 26
台南不需要米其林 系列 第 26

技術 Day26 優化儲存圖片的機制

前言、摘要 目前資料庫上傳的圖片大小都不一樣,在顯示的時候除了很凌亂之外,也會影響排版的效果,如果在前端設定圖片大小的話又會被伸縮。我們今天會透過**djang...

鐵人賽 Modern Web DAY 22
擊敗前端面試大作戰! 系列 第 22

技術 [擊敗前端面試大作戰] Image optimization

今天要來針對昨天討論到 core web vital 的優化方法做更深入的討論!記得昨天討論到 Largest Contentful Paint(LCP),然後...

鐵人賽 Software Development DAY 11

技術 第 11 天:常用 UI 元件之 Image

在刻 UI 時,最常使用的元件除了文字以外,也很常用「圖片」!今天的耕讀筆記就以 Image 元件為主軸,研究一下其用法及相關設定。 Image 元件 在 UI...

鐵人賽 Mobile Development DAY 13

技術 [Day13] swift & kotlin 實作篇!(4) 圖片資源

swift 首先我們來看看圖片資源設定 撰寫app的過程中 圖片檔案要非常小心 不要侵犯到別人的智慧財產權喔 為了方便練習 身為工程師的我 弱弱的畫了幾隻素材...

鐵人賽 DevOps DAY 11
container & k8s 奏鳴曲 系列 第 11

技術 [13th][Day11] image tag

pull 一個 ubuntu image docker pull ubuntu:19.04 列出現有哪些ubuntu images docker image...

鐵人賽 DevOps DAY 10
container & k8s 奏鳴曲 系列 第 10

技術 [13th][Day10] registry

列出現有的 image docker images 還記得之前在 docker run 時同時進行了 images 的下載嗎?什麼!!你不記得了!! 那我們...

鐵人賽 DevOps DAY 9
container & k8s 奏鳴曲 系列 第 9

技術 [13th][Day9] docker image-1

docker 將這樣的 file system 稱為 image(映像/鏡像)。一個 image 可以放到另一個 image 的頂部。位於下層的 image 稱...

鐵人賽 DevOps DAY 25
Dev's Ops 啟程 系列 第 25

技術 [Day 25] BDD - godog image封裝

封裝 由於之後我打算將godog在CI/CD工具上定期跑BDD測試,所以我想要將godog封裝在image內,以下是我自己寫的dockerfile,提供各位參考...

技術 Java crop / cut image - 使用Java 批量剪割圖片

package cutpicture; import java.awt.Image; import java.awt.image.BufferedImage;...

鐵人賽 Modern Web DAY 29

技術 [Day 29] Optimize Images

取自 Artifact Austin: Leaving Pixels Behind - Todd Parker,哪些圖片適合使用 SVG? 在網頁中,圖片...

鐵人賽 自我挑戰組 DAY 22

技術 [Python]How to Extract Image Metadata in Python

顯示圖像內部資訊https://www.thepythoncode.com/article/extracting-image-metadata-in-pytho...

鐵人賽 Mobile Development DAY 9

技術 iOS Developer Learning Flutter. Lesson8 圖片

今天的文章竟然用到五級標題...是在寫論文嗎...= = Today Preview 1. 基本用法 1.1 跟以前類似, 有分UIImageView(就是...

鐵人賽 Modern Web DAY 26
Go into Web! 系列 第 26

技術 Day26 | 使用 Docker 封裝與運行 Go 程式(二)

昨天我們成功地利用 Dockerfile 打包了一個 image,但是關於 image 的大小與打包的流程都可以做最佳化,今天就來修改昨天的專案,繼續的往最佳化...

技術 [筆記]離散餘弦變換、傅立葉變換、快速傅立葉變換

前言   雖然現今有深度學習這項技術,然而對於深度學習最重要的莫過於資料,換句話說資料的重要性大於技術,除了資料以外還有一項則是資料的代表性程度,輸入給深度學習...

技術 如何用python區分image暗部及亮部(非亮度)

需要方程式(演算法),不使用POENCV,https://ithelp.ithome.com.tw/articles/10221635如同此網站

鐵人賽 Mobile Development DAY 24

技術 [Day 24] Swift UIImage繼承實現ControllerView 圖片漸變效果

簡要 上一篇完成了CABasicAnimation動畫現在要添加進去我們的controller一起來完成搜尋頁面吧GOGOGO 基本設置 圖片 cell 新增...

鐵人賽 Software Development DAY 28

技術 Day 28 - 三周目 - 製作自己的映像檔:包打前後端映像檔

回憶 昨天學了如何利用 verdaccio 建立自己的私有庫,今天要自己做映像檔。 目標 可能很多人會遇到以下問題: 怎麼在無對外網路的環境下發佈程式 相依套...

鐵人賽 自我挑戰組 DAY 10

技術 Day10 讓圖片好好裝在盒子裡

在網頁中常常會需要各式各樣的圖片,如何讓它按照你的想像,好好呈現在網頁上呢? 讓圖片呈現在網頁上,一般我們會想到使用 img 標籤。我們先試試看最單純的一張圖片...

鐵人賽 自我挑戰組 DAY 13
DevOps學習之旅 系列 第 13

技術 Day 13 專案 Docker 優化

簡介 上一篇有提到兩個問題,這一篇來講解我針對這兩個問題的解法,也歡迎大家有什麼好作法可以留言給我一起討論.主要的問題是下面兩點: 在 Docker 建置好...

技術 [Ting's筆記Day9] 活用套件Carrierwave gem: (4) 使用Imagemagick修改圖片大小

前情提要:這幾天我都在實驗Carrierwave這套圖片上傳套件,也順利部署到Heroku架站正式環境了。:) 接下來我遇到了新的問題:要如何在上傳的時候,讓C...

技術 [Docker] Build A Node.js Image

Docker + Node.js 最近開始接觸容器化技術後,開始覺得這是未來的趨勢,於是開始參加與報名了許多課程,而上完課後就是要來實作,所以這邊來紀錄如何將...

技術 [筆記]動態<input type="file" /> 新增&刪除&圖片預覽-React.js

開頭 基礎 使用javascript 透過按鈕新增刪除欄位 進階 新增圖片並有圖片預覽功能 基礎 Demo:https://codepen.io/Canda...

鐵人賽 Modern Web DAY 8

技術 Day 08:常見的 React Native Component - Part I

本篇目的 俗話說「工欲善其事,必先利其器」,React Native 是強大的武器,而熟悉它則是磨亮這個武器。就像學習 HTML 時,必先從基本的 HTML T...