在web前端开发中，可以通过以下几种方式给图片添加链接：
使用标签：最常见的方式是将标签嵌套在标签中，设置标签的href属性为要跳转的链接地址，如下所示：
这样点击图片就会跳转到指定的链接。
使用JavaScript：如果想要在图片特定位置添加链接，可以使用JavaScript来实现。首先需要给图片添加一个唯一的ID或类名，然后使用JavaScript选择该图片元素，并为其绑定点击事件，当点击图片时执行相应的跳转动作，如下所示：
这段代码将给ID为"myImage"的图片添加了点击事件，点击图片时会将页面跳转到指定的链接。
使用CSS背景图片：如果想要给元素的背景图片添加链接，可以使用CSS的background属性来实现。首先需要给元素添加一个类名或ID，然后在CSS中设置该元素的背景图片，并为其设置点击事件，如下所示：
这段代码将给类名为"image-link"的元素添加了背景图片，当点击该元素时会跳转到指定的链接。
使用CSS鼠标样式：如果只需要改变鼠标样式来提示图片可以点击，在CSS样式表中设置元素的cursor属性为"pointer"，如下所示：
这样鼠标移动到图片上时，光标将变为手型指示器，提示图片可以点击。
使用CSS伪元素：可以使用CSS伪元素来为图片元素添加覆盖层，然后设置该覆盖层的点击事件，如下所示：
这段代码将给类名为"linked-image"的图片添加了一个覆盖层，当点击覆盖层时会跳转到指定的链接。
总结起来，以上是几种常见的给图片添加链接的方式。根据具体的需求和页面设计，可以选择适合自己的方式来实现。